第三方的ui组件有很多,本篇文章主要介绍Vant Weapp。
https://vant-contrib.gitee.io/vant-weapp/#/quickstart
1、安装
先在微信开发者工具终端通过命令安装vant weapp:
通过 npm 安装
npm i @vant/weapp -S --production
通过 yarn 安装
yarn add @vant/weapp --production
安装 0.x 版本
npm i vant-weapp -S --production
2、初始化package.json文件
安装vant weapp需要package.json文件,在终端执行以下命令行
npm init -y
3、使用vant weapp
- 1、先构建npm模块,工具–>构建npm
- 2、再将 app.json 中的
"style": "v2"
去除,小程序的新版基础组件强行加上了许多样式,难以覆盖,不关闭将造成部分组件样式混乱。将需要使用的组件进行注册,如果需要在全局使用某组件就在app.json中注册,如果是局部使用某组件就在相应的文件下的.json文件中注册。- 3、在页面中使用组件