1、創(chuàng)建小程序項目

2、在小程序根輸入npm init,進行初始化，然后一路可以默認(rèn)（enter）之后可看到package.json

3、開始安裝Weui組件庫 npm install --save weui-miniprogram --production

4、工具>構(gòu)建npm

image.jpeg

5、點擊小程序開發(fā)工具右上角詳情-本地設(shè)置，勾選上使用npm模塊

[圖片上傳中...(image-b7a8e2-1624982995933-0)]

6、在小程序app.wxss中引入樣式文件

@import './miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss';

7、index頁面使用

//index.json { "usingComponents": { "mp-dialog": "weui-miniprogram/dialog/dialog" } }

//index.wxss <mp-dialog title="test" show="{{true}}" bindbuttontap="tapDialogButton" buttons="{{[{text: '取消'}, {text: '確認(rèn)'}]}}"> <view>test content</view> </mp-dialog>