小程序组件化解决方案。官网:https://www.wetouch.net/wx.html
Switch branches/tags
Nothing to show
Clone or download
Latest commit fe5b942 Jul 6, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
images 修改 图片名称 May 30, 2018
pages 修改indexList问题 Jul 5, 2018
static first Apr 24, 2018
.gitignore first Apr 24, 2018
LICENSE first Apr 24, 2018
README.md Update README.md Jul 6, 2018
app.wxa 新增 sticky和tabs共用示例 Jun 1, 2018
ercode.jpg 下载二维码 Apr 24, 2018
min.config.json 示例修改 May 28, 2018
package.json fix:mask使用bindtap报错。 Jun 1, 2018

README.md

Touch WX

Touch WX部分组件

介绍

Touch WX是一套完全免费的微信小程序开发框架,包含丰富的UI控件用于官方组件的补充。特点如下:

1、组件扩充:

增加了30多种常用的组件用于官方组件的补充。

2、功能扩充:

兼容阿里的iconfont图标库,海量矢量图标随意使用;补充了常用样式库、支持less语法、支持全局配置主题色等

3、开发体验改善:

四文件方式改为单文件方式,通过VSCode编辑器+插件的方式开发,拥有web开发体验;

4、小程序转为H5应用:

可以与H5开发框架Touch UI工程相互转换,发布成webApp。开发一套代码,拥有两套应用。

这套框架的原理是:

将Touch WX工程中所写的代码进行编译,直接输出为微信小程序工程原始代码。扩充的30多种组件,完全是基于小程序官方的自定义组件机制实现(row&col除外)。

所以它支持小程序的全部语法,怎么开发小程序,就怎么开发Touch WX。

不过因为是单文件的开发方式,在文件的代码结构上稍有不同。请注意这一点。

这样好处在于:

1、开发者迁移成本很小。

可以轻松的将已有的小程序移植为Touch WX工程,来使用它的扩展能力;

2、便于排查错误。

当遇到问题时,开发者也可以随时查看输出的小程序原始代码来定位问题所在。不会搞不清楚到底是框架问题还是自己代码的问题;

3、按需编译

由于小程序对体积有限制,在使用框架开发时,只有使用到的组件才会编译输出为小程序源码。没用到的不会输出。

4、不会对框架产生依赖。

以后不想用了这套框架,可以直接对已经输出的小程序工程进行维护。

注意事项

如果已经之前已经使用过Touch WX,运行过基础工程,可以跳过1、2步骤,直接开始第3步。

1、在本地运行代码时,需要安装Touch WX插件。

2、全局安装touchui-wx-cli

npm install -g touchui-wx-cli

3、右键,将该项目识别为Touch WX工程。

4、右键,安装项目依赖。如果没有成功的安装项目依赖,会报如下错误。

详情可以参考下面的Touch WX文档。

环境安装:“入门 >> 起步 >> 环境安装”

第一个程序:“入门 >> 起步 >> 第一个程序”

文档

中文文档

Demo

讨论组

加下面的小助手微信进交流群。

相关项目

Touch UI

Touch UI是一套高质量移动端UI框架。基于vue.js框架,我们精心打造了上百种的移动端UI组件,几乎囊括了开发移动应用的所有细节,真正实现拿来即用,像搭积木一样开发移动应用。