最近看到腾讯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://github.com/Tencent/weui/archive/v2.0.0.zip
