1、使用小程序IDE創建一個空白項目;
2、在終端打開新創建的項目,在該目錄下使用npm 指令 :npm init
npm init 初始化
3、使用npm 指令:npm install –save weui-miniprogram –production
使用npm 安裝weui 組件
執行完該命令後,目錄下出現以下文件
install weui 後的文件目錄
4、回到小程序IDE,找到IDE里 頂部菜單 工具 構建npm
使用 IDE 構建npm
5、繼續在IDE里,右上角 詳情 勾選上 使用npm 模塊
在IDE里設置詳情
6、在小程序根目錄下的,在app.wxss 引入 weui的樣式
使用weui組件示例
7、在頁面目錄 的json文件中加入需要使用的組件 
在頁面json 文件配置 組件
8、在頁面目錄 wxml 中使用剛引入的組件

9:效果圖

原創文章,作者:投稿專員,如若轉載,請註明出處:https://www.506064.com/zh-hant/n/224622.html
微信掃一掃
支付寶掃一掃