WeUI
小程序WeUI的github地址https://github.com/Tencent/weui-wxss
小程序WeUI的线上的预览样式的地址https://weui.io/
1.下载后
2.将文件夹下的weui.wxss放到项目的根目录下,与app.wxss同级
3.在app.wxss中引入weui.wxss
@import 'weui.wxss'
4.如何查看 官方示例的代码 新建一个项目,是下载下来的dist文件夹,直接运行会报错,解决办法,在dist文件中的style中,加入weui.wxss,然后就可以运行
5.用到哪个组件就可以直接复制example中的代码
ZanUI
ZanUI已升级为 Vant Weapp
guthub地址 https://github.com/youzan/zanui-weapp
示例代码及组件库的预览https://youzan.github.io/vant-weapp/#/intro
1 通过 npm 安装,官网比较推荐的,小程序也支持npm 构建了
第一步 重要!!! 在小程序的根目录下的输入命令 npm init
2.直接安装 npm i vant-weapp -S --production
3.在微信的开发者工具中,勾选使用npm 构建
4.点击 微信开发者工具中的,工具下的构建npm
5.使用方法,直接安照官网 https://youzan.github.io/vant-weapp/#/quickstart的某个组件直接使用就行