wepy 如何使用 weui-miniprogram

今天看到微信小程序文檔中出來了 weui 組件。迫不及待想使用看看。

項目中使用的 wepy1 框架

1 安裝 weui-minprogram包

執行：
npm install weui-miniprogram

結果：

node_modules 目錄下會有以下文件目錄。

2 引入 weui-miniprogram 到項目中

在 app.wpy 文件中加入

useExtendedLib: {
      weui: true
}

3 具體使用某個組件

3.1 引用組件

通過import 導入組件方式屢次失敗後，我選擇了原生導入組件的方式。
在 config 中

usingComponents: {
        mpdialog: '/miniprogram_npm/weui-miniprogram/dialog/dialog'
}

3.2 wxml 中使用 組件

4 結果

5 其他

也可以單獨使用

5.1 將dist目錄下的拷貝出來。

我們msg 目錄拷貝到我們的項目目錄中 components中
（1） weui-miniprogram 目錄

（2）自己項目目錄

5.2 具體使用方式 同3

需要注意的是組件引用路徑不要錯了。
config中配置的路徑應該是 我們最終編譯結果中的路徑。

5.3 結果