第三方的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、在页面中使用组件
文章来源:https://www.toymoban.com/news/detail-522062.html
文章来源地址https://www.toymoban.com/news/detail-522062.html
到了这里,关于微信小程序使用第三方ui组件库的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!