2.28

56 阅读1分钟

首先注意该路径不能有中文

输入cmd打开之后先输入Npm init -y构建项目 然后在cmd终端里面 输入 npm i @vant/weapp -S --production安装 在小程序的详情内勾选使用nmp模块 左上角的工具栏选择构建nmp 最后将app.json中的"style":'2'删除,小程序的新版基础组件强行加上了许多样式,难以覆盖,不关闭将造成部分组件样式混乱

记得再需要使用的文件中的.json文件内填写相应路径,如果想要全局的话就在app.json中添加,但是记得要写成"usingComponents":{(具体路径)}的格式。 剩下的按照vant3中的提示挨个操作即可。

例如button按钮 首先在.json文件内填写"usingComponents": { "van-button": "@vant/weapp/button/index" } 然后在.wxml文件内填写

< van-button type="default">默认按钮

< van-button type="primary">主要按钮

< van-button type="info">信息按钮

< van-button type="warning">警告按钮

< van-button type="danger">危险按钮

其他有些需要在.js文件中进行编写,按照网站提示即可

写Calendar 日历时,.json文件中除了要写"van-calendar": "@vant/weapp/calendar/index"以外,还要写"van-cell": "@vant/weapp/cell/index" 单元格 否则无法正常显示