https://github.com/wechat-miniprogram/weui-miniprogram

小程序WeUI组件库
https://github.com/wechat-miniprogram/weui-miniprogram

Last synced: 9 months ago
JSON representation

小程序WeUI组件库

• Host: GitHub
• URL: https://github.com/wechat-miniprogram/weui-miniprogram
• Owner: wechat-miniprogram
• License: mit
• Created: 2019-07-19T13:38:15.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2024-11-15T08:52:57.000Z (about 1 year ago)
• Last Synced: 2025-04-25T14:50:39.742Z (10 months ago)
• Language: TypeScript
• Homepage:
• Size: 7.44 MB
• Stars: 2,311
• Watchers: 47
• Forks: 556
• Open Issues: 70
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

          
## WeUI组件库简介

[![](https://img.shields.io/npm/v/weui-miniprogram.svg?style=flat-square)](https://www.npmjs.com/package/weui-miniprogram)

[![](https://img.shields.io/npm/dw/weui-miniprogram?style=flat-square)](https://www.npmjs.com/package/weui-miniprogram)

[![](https://img.shields.io/travis/wechat-miniprogram/weui-miniprogram.svg?style=flat-square)](https://github.com/wechat-miniprogram/weui-miniprogram)

[![](https://img.shields.io/github/license/wechat-miniprogram/weui-miniprogram.svg?style=flat-square)](https://github.com/wechat-miniprogram/weui-miniprogram)

[![](https://img.shields.io/codecov/c/github/wechat-miniprogram/weui-miniprogram.svg?style=flat-square)](https://github.com/wechat-miniprogram/weui-miniprogram)

这是一套基于样式库[weui-wxss](https://github.com/Tencent/weui-wxss/)开发的小程序扩展组件库，同微信原生视觉体验一致的扩展组件库，由微信官方设计团队和小程序团队为微信小程序量身设计，令用户的使用感知更加统一。

## 如何使用

详细使用参考[文档](https://wechat-miniprogram.github.io/weui/docs/)

## 开发

1. 初始化

```

npm run init

```

2. 执行命令：

```

npm run dev

```

3. 构建组件库：

```

npm run build

```

## 适配 DarkMode

在根结点（或组件的外层结点）增加属性 `data-weui-theme="dark"`，即把 WeUI 组件切换到 DarkMode 的表现，如:

```html

    ...

```