1. 程式人生 > >用微信開發者工具--開啟微信小程式weui元件示例

用微信開發者工具--開啟微信小程式weui元件示例

瀏覽器搜尋 :https://github.com/Tencent/weui-wxss/

1.下載為小程式設計的weui元件,

2.在開發者工具中開啟dist目錄,而不是整個目錄, 在開發者工具中就可以預覽weui元件的示例了。

 

如果想在自己專案中引用weui元件,需要如下步驟:

1. 開啟weui-wxss-master目錄 --> dist目錄 --> style目錄 -->找到 weui.wxss檔案,(或者是 weui-wxss-master目錄--> src目錄 -->style目錄-->找到weui.wxss檔案)

2.把 weui.wxss檔案複製到自己的根目錄下,

3.在開發者工具中,開啟app.wxss檔案,引入weui.wxss,(在app.wxss檔案頭部寫上程式碼 :@import 'weui.wxss';),引入元件就完成了。

在自己的專案中就可以使用weui元件了。

(引用結果,如下圖)

附(百度經驗) https://jingyan.baidu.com/article/d45ad1485dc09469542b804d.html