官人你没有走错地方,「WeUI」正式开始支持小程序啦,这是新鲜火辣的、微信官方设计团队为微信小程序量身设计的「WeUI-WXSS」。

概述

WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。包含buttoncelldialogprogresstoastarticleactionsheeticon等各式元素。

视觉标准

weui-design

预览

用微信web开发者工具打开dist目录


preview

使用

  • 组件的wxml结构请看dist/example/下的组件
  • 样式文件可直接引用dist/style/weui.wxss,或者单独引用dist/style/widget下的组件的wxss

License

The MIT License(http://opensource.org/licenses/MIT)

请自由地享受和参与开源

贡献

如果你有好的意见或建议,欢迎给我们提issue或pull request,为提升微信web体验贡献力量。

感谢您的阅读,本文由 微信设计中心 原创提供。如若转载,请注明出处:凹凸实验室(https://aotu.io/notes/2016/11/10/weui-wxss/