微信小程序简易搭建之框架/组件库

微信小程序简易搭建之框架/组件库
Vant weapp
下面看看如何导入
微信小程序简易搭建之框架/组件库_第1张图片
https://github.com/youzan/vant-weapp

使用教程:

1.下载后找到dist
微信小程序简易搭建之框架/组件库_第2张图片
2.
微信小程序简易搭建之框架/组件库_第3张图片
在你的项目里面点击红色圈的…三点
把dist拖进你的项目

3.微信小程序简易搭建之框架/组件库_第4张图片
es6

“usingComponents”: {
“van-button”: “path/to/vant-weapp/dist/button/index”
}
es5

“usingComponents”: {
“van-button”: “path/to/vant-weapp/lib/button/index”
}

将这个复制到json中
更改path
微信小程序简易搭建之框架/组件库_第5张图片
然后将下面的想要的按钮复制到wxml下

按钮类型

默认按钮
主要按钮
信息按钮
警告按钮
危险按钮
朴素按钮
朴素按钮
细边框按钮
细边框按钮
禁用状态
禁用状态


方形按钮
圆形按钮

微信小程序简易搭建之框架/组件库_第6张图片
按钮样式使用成功
当然了
这些按钮没有绑定事件

待更。。。。。

你可能感兴趣的:(微信小程序)