蓝点网
给你感兴趣的内容

微信团队为开发者发布WeUI微信网页设计样式库

腾讯微信团队在日前发布了WeUI微信网页设计样式库,该样式库包含了微信目前正在使用的基本样式。

微软团队称通过WeUI可以帮助网页开发者实现与微信客户端一致的视觉体验,并降低设计和开发成本。

目前WeUI已经包含了Button(按钮)、Cell(单元格)、Toast(浮层提示)、Dialog(对话框)、Progress(进度条)、Article(文章)、ActionSheet等,未来也将会继续保持更新。

微信团队为开发者发布WeUI微信网页设计样式库

开发者可以通过bower亦或者是npm进行安装依赖库后在Web页面引入WeUI.css或者WeUI.min.css即可。

在需要使用的区域通过以下格式的代码(以下以Botton举例)即可进行调用:

<a href="http://landian.news" class="weui_btn weui_btn_primary">按钮</a>
<a href="http://landian.news" class="weui_btn weui_btn_disabled weui_btn_primary">按钮</a>
<a href="http://landian.news" class="weui_btn weui_btn_warn">确认</a>
<a href="http://landian.news" class="weui_btn weui_btn_disabled weui_btn_warn">确认</a>
<a href="http://landian.news" class="weui_btn weui_btn_default">按钮</a>
<a href="http://landian.news" class="weui_btn weui_btn_disabled weui_btn_default">按钮</a>

微信团队已经采用MIT许可开源WeUI并将源代码托管Github,有兴趣的同学可以点击这里进行查看

Demo体验地址:http://weui.github.io/weui/

开发者文档:微信网页开发设计样式库

转载请注明蓝点网 » 微信团队为开发者发布WeUI微信网页设计样式库
分享到: 更多 (0)

评论 4

评论前必须登录!

 

  1. #4
    Unknown Unknown Unknown Unknown

    好看的

    任开春2年前 (2016-01-24)
  2. #3
    Unknown Unknown Unknown Unknown

    我感觉挺漂亮的

  3. #2
    Unknown Unknown Unknown Unknown

    看看浏览器

    toughing2年前 (2016-01-23)
  4. #1
    Unknown Unknown Unknown Unknown

    [围观]