第三方的ui組件有很多,本篇文章主要介紹Vant Weapp。
https://vant-contrib.gitee.io/vant-weapp/#/quickstart
1、安裝
先在微信開發(fā)者工具終端通過命令安裝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文件,在終端執(zhí)行以下命令行
npm init -y
3、使用vant weapp
- 1、先構(gòu)建npm模塊,工具–>構(gòu)建npm
- 2、再將 app.json 中的
"style": "v2"
去除,小程序的新版基礎組件強行加上了許多樣式,難以覆蓋,不關(guān)閉將造成部分組件樣式混亂。將需要使用的組件進行注冊,如果需要在全局使用某組件就在app.json中注冊,如果是局部使用某組件就在相應的文件下的.json文件中注冊。- 3、在頁面中使用組件
文章來源:http://www.zghlxwxcb.cn/news/detail-522062.html
文章來源地址http://www.zghlxwxcb.cn/news/detail-522062.html
到了這里,關(guān)于微信小程序使用第三方ui組件庫的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!