weui-wxss

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。

Changelog

v2.6.18 (2024-10-31)

Features

• feat: half-screen-dialog组件头部区域新增weui-half-screen-dialog__hd__action-group结构（用于存放左右上角的操作列表）
• feat: half-screen-dialog组件升级拖拽杆样式，新增half-screen-dialog_grab场景

Bugfixes

• fix: 表单weui-label支持英文词间折行加破折号
• fix: 表单weui-cell支持顶部对齐
• fix: 修复weui-cell_access字体颜色继承问题