Vant Weapp 是有赞移动端元件库 Vant 的小程式版本，两者基于相同的视觉规范，提供一致的 API 界面，助力开发者快速搭建小程式应用
两大参考神兽：
文件：https://youzan.github.io/vant-weapp/#/intro开源：https://github.com/youzan/vant-weapp1：桌面新建一个vant资料夹
2：开启微信开发者工具，在这个档案里新建专案
3：从github上面下载源代码档案：开源：https://github.com/youzan/vant-weapp
4：开启档案，复制dist档案
5：将dist档案黏贴在专案目录里面
6：开启Vant Weapp的使用文件：文件：https://youzan.github.io/vant-weapp/#/button
现在来在index界面来使用一个按钮的样式：
7：在 json 档案中配置button元件,修改路径
{
"usingComponents": {
"van-button": "../../dist/button/index"
}
}
8：wxml界面写一点文件里面的程式码
预设按钮
主要按钮
警告按钮
危险按钮
9:引入成功：然后你就可以依靠文件来进行复制黏贴了，因为自己写css的日子真的又烦人又浪费时间呐。
最后，为啥推荐这个元件库，因为实在是省力气，拿这个步骤条时间戳来说，前两天写了好一会
现在只需要三步即可完成，30秒中不到全部搞定，当然了，不推荐新手使用这个复制黏贴的方法，毕竟程式码功夫还是需要一笔一画来提升境界的。
wxml
steps="{{ steps }}"
active="{{ active }}"
/>
json:
{
"usingComponents": {
"van-steps": "../../dist/steps/index"
}
}
js
Page({
data: {
steps: [
{
text: \'步骤一\',
desc: \'描述资讯\'
},
{
text: \'步骤二\',
desc: \'描述资讯\'
},
{
text: \'步骤三\',
desc: \'描述资讯\'
},
{
text: \'步骤四\',
desc: \'描述资讯\'
}
]
}
});
ok，完成，没错，真的就是这么简单。
原文作者：祈澈姑娘 技术部落格：https://www.jianshu.com/u/05f416aefbe190后前端妹子，爱程式设计，爱运营，文艺与程式码齐飞，魅力与智慧共存的程式媛一枚。
