时隔一年，微信发布WeUI2.0.0，各种buff加身

2019-05-08 本文已影响634人 IT实战联盟Lin

最近看到腾讯GitHub开源社区更新了WeUI 2.0.0（Star已2.2w+），上个版本是18年6月发布的1.1.3，已经近一年没有更新了。

WeUI

WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信 Web 开发量身设计，可以令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。

【增强】颜色规范、字体大小规范、间距规范对齐微信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 install --save weui

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。

weui

扫一扫直接体验！

关注我们

贡献者