06 vant组件库的使用
首先,初始化一个package.json
npm init -y
然后打开vant Weapp官网
输入以下的命令,将这个库下载下来
npm i @vant/weapp -S --production
然后将这个库一层一层的打开
第一层
第二层
第三层
第四层
我们需要的就是这层,把这个dist文件夹我们复制保存到本地,为它重命名为vant
然后新建一个名字为lib的文件夹,将这个vant组件库放进去
然后,我们就可以使用它了
首先打开app.json
将下面的代码敲进去就行
"usingComponents": {
"van-button": "/lib/vant/button/index",
"van-card": "lib/vant/card/index",
"van-submit-bar": "lib/vant/submit-bar/index"
},
然后我们就可以在页面上使用组件了
<van-button type="danger">危险按钮</van-button>