- 引入
- 在项目中新建文件夹wxcomponents --> vant
- 将vant Weapp下载到本地
- 解压后,将dist文件夹拷贝到vant目录中
- 使用
- 在App.vue中的style引入
@import "/wxcomponents/vant/dist/common/index.wxss"; - 引用和使用(两种方法)
- 在App.vue中的style引入
//page.json
{
"path": "pages/index/index",
"style": {
"usingComponents": {
"van-button": "/wxcomponents/vant/dist/button/index",
}
}
}
//页面中使用
<van-button type="danger">危险按钮</van-button>
//页面中引用
import vanButton from '@/wxcomponents/vant/dist/button/index'
components:{
vanButton
},
//页面中使用
<van-button type="danger">危险按钮</van-button>