最近看到騰訊GitHub開源社區更新了WeUI 2.0.0（Star已2.2w+） ，上個版本是18年6月發佈的1.1.3，已經近一年沒有更新了。
WeUI是什麼？
WeUI 是一套同微信原生視覺體驗一致的基礎樣式庫，由微信官方設計團隊為微信 Web 開發量身設計，可以令用戶的使用感知更加統一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。
WeUI2.0.0新特性
- 【增強】 顏色規範、字體大小規範、間距規範對齊微信7.0新視覺風格
- 【增強】 更新按鈕UI
- 【增強】 按鈕改為默認定寬184px，需要用回拉通型可加classweui-btn_block
- 【增強】 新增行按鈕UI
- 【增強】 更新圖標UI
- 【優化】 weui-msg佈局改為flex，並適配劉海屏
- 【增強】 weui-msg新增提示區域weui-msg__tips-area
- 【增強】 weui-msg新增無圖標展示場景
- 【增強】 更新weui-search-bar UI
- 【優化】 weui-tab佈局改為flex，並適配劉海屏
- 【增強】 更新weui-dialog UI
- 【增強】 更新weui-cell UI
- 【增強】 更新weui-uploader UI
- 【修復】 weui-vcode-btn左邊框無高清線處理
- 【修復】 無weui-cells__title的相鄰weui-cells之間的間距太大
- 【修復】 WeUI example、weui-article、weui-gallery、weui-actionshet、weui-picker等組件劉海屏適配問題
使用
方法一：使用bower進行安裝
bower install --save weui
方法二：使用npm進行安裝
npm install --save weui
開發
git clone https://github.com/weui/weui.git
cd weui
npm install -g gulp
nam install
gulp -ws
運行gulp -ws命令，會監聽src目錄下所有文件的變更，並且默認會在8080端口啟動服務器，然後在瀏覽器打開 http://localhost:8080/example。
https://weui.io
掃一掃直接體驗！
源碼下載地址：https://github.com/Tencent/weui/archive/v2.0.0.zip
分享到:
閱讀更多 IT實戰聯盟 的文章
