小程序使用vant组件库;

215 阅读29分钟

vant地址

1. 第一步:

    需要在你当前文件的创建一个package.json 文件:

2、第二步安装vant组件:

cnpm i @vant/weapp -S --production

3、第三步构建npm包

此时会构建出一个文件:

           miniprogram_npm 文件夹

4、第四步修改 app.json

     将 app.json中的"style": "v2"去除,小程序的新版基础组件强行加上了许多样式,难以去除,不关闭将造成部分组件样式混乱

5、第五步:

以 Button 组件为例,只需要在app.json或index.json中配置 Button 对应的路径即可。如果你是通过下载源代码的方式使用 @vant/weapp,请将路径修改为项目中 @vant/weapp 所在的目录。

"usingComponents": {
   "van-button": "@vant/weapp/button/index"
}

6、 使用button组件

<van-button type="primary">按钮</van-button>

效果: