1. 程式人生 > >weui在微信小程式中如何使用

weui在微信小程式中如何使用

weUI 是一套同微信原生視覺體驗一致的基礎樣式庫,由微信官方設計團隊為微信 Web 開發量身設計,可以令使用者的使用感知更加統一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。

預覽
用微信web開發者工具開啟dist目錄(請注意,是dist目錄,不是整個專案) 

 

如何使用
1、下載weui.wxss檔案

2、我們只需要將weui.wxss檔案匯入到小程式專案的根目錄下:

3、新建微信小程式專案,將weui.wxss檔案匯入到小程式專案的根目錄下:

4、在專案中引用:在app.wxss中加入weui.wxss的引用- @import ‘weui.wxss’;

5、在專案中使用weui的樣式:

可以按照下載程式碼中的例項使用了