npm引入小程序官方WeUI組件庫weui-miniprogram


1、打開cmd,在小程序根目錄內,初始化npm

	npm init 

2、執行命令安裝 npm 包:

npm install --save weui-miniprogram

 

 

3、安裝完成后,在微信開發者工具中的菜單欄:工具 ------ 構建 npm :

 

 

 

4、在微信開發者工具中的右上角:詳情 ------ 本地設置, 勾選“使用 npm 模塊”選項:

5、app.wxss引入全局樣式

@import '/miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss';
6、以pages的index為例,json中引入cell:

{
"usingComponents": {
"mp-cell": "../../miniprogram_npm/weui-miniprogram/cell/cell "
}

7、點擊文檔中的組件示例代碼,開始ctrl C + ctrl V吧~

官方文檔鏈接(這里是Slideview):

https://developers.weixin.qq.com/miniprogram/dev/extended/weui/slideview.html
————————————————
版權聲明:本文為CSDN博主「遠方有多遠_」的原創文章,遵循CC 4.0 BY-SA版權協議,轉載請附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/weixin_43922774/article/details/100535452


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM