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

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

WeUI

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。

weui

https://weui.io

扫一扫直接体验！

源码下载地址：https://github.com/Tencent/weui/archive/v2.0.0.zip

关注我们

贡献者

• IT实战联盟-Line

更多精彩内容可以关注“IT实战联盟”公众号哦~~~

image