最近看到腾讯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实战联盟-Line

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

时隔一年,微信发布WeUI2.0.0,各种buff加身相关推荐

  1. iOS微信发布8.0.29版本,苹果14用户快来

    这两天iOS微信发布了8.0.29版本,主要是针对iOS16系统,修复了一些Bug,对iPhone14用户非常靠谱. 新版苹果 14上线后,微信对它的兼容性还是有一些问题的,比如有网友反馈,在使用微信 ...

  2. android 多个微信图标,安卓微信发布 8.0.3 正式版,加入了多个新功能!

    原标题:安卓微信发布 8.0.3 正式版,加入了多个新功能! 近期,安卓微信发布了 8.0.3 正式版,这次更新后的功能与上一个测试版基本一致.话不多说,下面我们就来一起了解一下. 首先,目前在朋友圈 ...

  3. jQuery 发布 3.4.0;谷歌云联手开源公司,挑战亚马逊

    (给技术最前线加星标,每天看技术热点) 转自:开源中国.solidot.cnBeta.腾讯科技.快科技等 [技术资讯] 0.时隔一年 jQuery 发布 3.4.0 版本 jQuery 团队的核心开发 ...

  4. 12306 回应软件崩了;微信发布新版本,朋友圈可“斗图”;Ant Design 3.26.4 发布 | 极客头条...

    整理 | 屠敏 快来收听极客头条音频版吧,智能播报由标贝科技提供技术支持. 「极客头条」-- 技术人员的新闻圈! CSDN 的读者朋友们早上好哇,「极客头条」来啦,快来看今天都有哪些值得我们技术人关注 ...

  5. 12月24日科技资讯|12306 回应软件崩了;微信发布新版本,朋友圈可“斗图”;Ant Design 3.26.4 发布

    「极客头条」-- 技术人员的新闻圈! CSDN 的读者朋友们早上好哇,「极客头条」来啦,快来看今天都有哪些值得我们技术人关注的重要新闻吧.扫描上方二维码进入 CSDN App 可以收听御姐萌妹 Sty ...

  6. P3-weixin-2.0.0版本发布(微信插件式开发框架)

    P3-weixin-2.0.0版本发布(微信插件式开发框架) 1.P3-weixin为何诞生 现在微信越来越火,基于微信的公众号和服务号越来越丰富,单一的微信管家系统已经满足不了微信的需求.Jeecg ...

  7. Go 1.15 正式发布;华为确认成立屏幕驱动芯片部门;微信 iOS 版 7.0.15 正式版发布| 极客头条

    程序员专区 Go 1.15 正式发布 Go 1.15 新版发布了,主要更新: 新的链接器 编译器改进,包括略微小了些的二进制文件 内嵌 tzdata(时区数据) 增加 testing.TB.TempD ...

  8. 微信要求的android版本是多少,微信发布7.0.15安卓正式版:微信号可以更改,但必须满足条件...

    5月28日,微信安卓版 7.0.15 正式版发布,主要新增了深色模式可不跟随系统功能,可单独设置.此外,在微信内点击新消息通知,当前浏览的网页.小程序等将自动收为浮窗;可在群聊附件栏中直接发起&quo ...

  9. 微信投屏服务器出错,微信发布7.0.21版本,修复异常问题,增加超实用新功能

    原标题:微信发布7.0.21版本,修复异常问题,增加超实用新功能 iOS微信又更新了,今天发布v7.0.21版本,距离上次更新才两个礼拜的时间.以往微信的更新频率是比较慢的,这次之所以如此之快地发布新 ...

  10. 腾讯即将开源微信、QQ都在用的动画神器;Linux Mint与Mozilla达成合作;Apache Flink ML 2.0.0发布 | 开源日报

    整理 | 宋彤彤 责编 | 屠敏 开源吞噬世界的趋势下,借助开源软件,基于开源协议,任何人都可以得到项目的源代码,加以学习.修改,甚至是重新分发.关注「开源日报」,一文速览国内外今日的开源大事件吧! ...

最新文章

  1. VC运行时库(/MD、/MT等)
  2. 如何在nuget上传自己的包+搭建自己公司的NuGet服务器(新方法)
  3. Silverlight+WCF 新手实例 象棋 棋盘(二)
  4. 利用福禄克DSX系列测试仪部署MPTL模块化插头端接链路
  5. 各个大学的录取通知书,哪个颜值最高?
  6. python怎么查询元素是否在列表中_python怎么判断某一元素是否在列表中
  7. Codeforces Round #375 (Div. 2) F. st-Spanning Tree 生成树
  8. Word绘制跨行表格
  9. 未能监测到驱动人生服务器,驱动人生查询失败可能是DNS被劫持的锅!
  10. 学会局域网的锐捷破解共享
  11. H5前端实现微信分享(处理二次分享问题)
  12. java计算机毕业设计大学生校园兼职系统源码+数据库+系统+lw文档+部署
  13. BufferedWriter详解
  14. 单相交流调压电路matlab仿真,单相斩控式交流调压电路
  15. JavaScript之动画特效
  16. PID原理的详细分析及调节过程
  17. 贝尔链(BaerChain):GBLS全球最具价值双料大奖
  18. springboot 如何打war
  19. 那些年,在MSRA实习过的女孩,现在都怎么样了?
  20. Xtreme9.0 - Light Gremlins 容斥

热门文章

  1. 各种语音编码方法,所需要的带宽
  2. F - 最短路 HDU - 2544(最短路的模板)
  3. 四级重点高频词汇表_零基础,教你裸过英语四级!这些方法请收藏
  4. two pointers(双指针思想)
  5. fastjson 序列化 不包括转义字符_fastjson漏洞复现
  6. 电脑大小写怎么切换_电脑键盘上的三个灯都起什么作用
  7. 生成指定范围的随机数_JAVA 获取随机数的方式以及应用案例
  8. linux 间传输文件的几种方法scp、sftp
  9. linux grep查找指定文件或目录下文件的字符
  10. 项目中遇到生产事故追踪---重复组单