美文网首页
uni-app中使用vant-weapp

uni-app中使用vant-weapp

作者: 孤独的豺狼 | 来源:发表于2020-02-18 20:18 被阅读0次

1.在根目录下创建wxcomponents,wxcomponents下建文件夹vant

image

2.项目引入

1.在https://github.com/youzan/vant-weapp下载最新的zip压缩包
2.解压,将里面的dist文件放到vant里面

image

3.在App.vue中引入UI样式

image
@import "/wxcomponents/vant/dist/common/index.wxss";

4.在pages里面定义引入的组件

image
            "van-button": "/wxcomponents/vant/dist/button/index"
        }  

5.在组件中使用

https://youzan.github.io/vant-weapp/#/button和官网的使用方法一样。

主要

wxcomponents名不要打错,小编自定义了没有实现效果,你们可以试试

相关文章

网友评论

      本文标题:uni-app中使用vant-weapp

      本文链接:https://www.haomeiwen.com/subject/kssnfhtx.html