uni-app引入UI组件库(Vant-weapp)
发布时间
阅读量：
阅读量
uni-app引入UI组件库(Vant-weapp)
1. 新建相关目录
- 根目录下创建
wxcomponents - wxcomponents下新建
vant目录
2. 项目中引入vant-weapp组件 *
下载最新的zip包 （https://github.com/youzan/vant-weapp/releases）下载最新版本
解压下载文件,将dist目录拷贝到刚才创建vant目录中
3. 页面中使用引入的UI组
1)在App.vue文件中引入UI组件库的 样式文件
@import “/wxcomponents/vant/dist/common/index.wxss”;
2)在pages.json中,注册页面需要的组件
"usingComponents":{
"van-button": "/wxcomponents/vant/dist/button/index"
},
3)在index.vue中写入相应的组件
效果如下：
全部评论 (0)
还没有任何评论哟~