Need help with weui-wxss?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

Tencent
13.3K Stars 4.8K Forks Other 65 Commits 36 Opened issues

Description

A UI library by WeChat official design team, includes the most useful widgets/modules.

Services available

!
?

Need anything else?

Contributors list

WeUI for 小程序 为微信小程序量身设计

npm version Gitter

概述

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

button
cell
dialog
progress
toast
article
actionsheet
icon
等各式元素。

以下内容是纯UI库,如果想使用逻辑封装版本,请看小程序组件库 - WeUI

使用

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

WeUI 黑暗模式

在根结点增加属性

data-weui-theme="dark"
如:
html

    ...

预览

微信web开发者工具打开

dist
目录(请注意,是
dist
目录,不是整个项目

preview

WeUI for 小程序

文档

WeUI 视觉标准参考 weui-design

License

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

请自由地享受和参与开源

贡献

如果你有好的意见或建议,欢迎给我们提issue或pull request。

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.