WeUI for 小程序 为微信小程序量身设计
概述
WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。包含button
、cell
、dialog
、 progress
、 toast
、article
、actionsheet
、icon
等各式元素。
以下内容是纯UI库,如果想使用逻辑封装版本,请看小程序组件库 - WeUI
使用
- 样式文件可直接引用
dist/style/weui.wxss
,或者单独引用dist/style/widget
下的组件的wxss
- 组件的wxml结构请看
dist/example/
下的组件
rpx版本
默认版本使用的是px
。这里也提供rpx
版本,文件在dist-rpx-mode
目录下。
WeUI 黑暗模式
在根结点增加属性 data-weui-theme="dark"
如:
<view data-weui-theme="dark">
...
</view>
预览
用微信web开发者工具打开dist
目录(请注意,是dist
目录,不是整个项目)
文档
WeUI 视觉标准参考 weui-design
License
The MIT License(http://opensource.org/licenses/MIT)
请自由地享受和参与开源
贡献
如果你有好的意见或建议,欢迎给我们提issue或pull request。