weui.js weui如何使用



文章插圖
weui.js weui如何使用

文章插圖
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 中使用剛引入的組件
【weui.js weui如何使用】9:效果圖