五分钟快速上手Vant组件,搭建小程序界面样式

Vant Weapp是移动端组件库 Vant 的小程序版本,两者基于相同的视觉规范,提供一致的 API 接口,有助于开发者快速搭建小程序页面样式,文档地址:https://youzan.github.io/vant-weapp/#/intro

1.从github上面下载源码文件,开源地址:https://github.com/youzan/vant-weapp

五分钟快速上手Vant组件,搭建小程序界面样式_第1张图片

2.打开文件,复制dist文件

五分钟快速上手Vant组件,搭建小程序界面样式_第2张图片

3.将dist文件粘贴在小程序项目目录里

五分钟快速上手Vant组件,搭建小程序界面样式_第3张图片

4.参考Vant Weapp的文档:https://youzan.github.io/vant-weapp/#/button,在index页面来添加一个按钮的样式

5.在 json 文件中配置button组件,修改路径

五分钟快速上手Vant组件,搭建小程序界面样式_第4张图片

6.wxml界面写一点文档里面的代码

默认按钮
主要按钮
警告按钮
危险按钮

7.引入成功:然后就可以依靠文档来进行编写了,下面是效果

五分钟快速上手Vant组件,搭建小程序界面样式_第5张图片

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