在uni-app中使用vant-weapp

1.在根目录下创建wxcomponents，wxcomponents下建文件夹vant2.项目引入1.在https://github.com/youzan/vant-weapp下载最新的zip压缩包2.解压，将里面的dist文件放到vant里面3.在App.vue中引入UI样式@import "/wxcomponents/vant/dist/common/...

高先生的猫

14472人浏览 · 2020-05-08 10:29:41

高先生的猫 · 2020-05-08 10:29:41 发布

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

2.项目引入

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

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

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

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

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

5.在组件中使用

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

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^