https://github.com/Tencent/weui-wxss

A UI library by WeChat official design team, includes the most useful widgets/modules.
https://github.com/Tencent/weui-wxss

weui wxss

Last synced: 8 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/Tencent/weui-wxss
• Owner: Tencent
• License: other
• Created: 2016-11-04T04:47:02.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2024-10-16T13:04:21.000Z (18 days ago)
• Last Synced: 2024-10-22T21:58:03.954Z (12 days ago)
• Topics: weui, wxss
• Language: Less
• Homepage:
• Size: 2.14 MB
• Stars: 15,089
• Watchers: 473
• Forks: 5,265
• Open Issues: 61
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE.txt

Awesome Lists containing this project

• stars - Tencent/weui-wxss
• awesome - Tencent/weui-wxss - A UI library by WeChat official design team, includes the most useful widgets/modules. (Less)
• awesome-github-star - weui-wxss
• awesome-made-by-chinese - weui-wxss
• StarryDivineSky - Tencent/weui-wxss
• awesome-frontend - weui-wxss

README

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

=====

[![npm version](https://img.shields.io/npm/v/weui-wxss.svg)](https://www.npmjs.org/package/weui-wxss)

[![Gitter](https://badges.gitter.im/weui/weui.svg)](https://gitter.im/weui/weui?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)

## 概述

[WeUI](https://github.com/weui/weui) 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。包含`button`、`cell`、`dialog`、 `progress`、 `toast`、`article`、`actionsheet`、`icon`等各式元素。

以下内容是纯UI库，如果想使用逻辑封装版本，请看[小程序组件库 - WeUI](https://developers.weixin.qq.com/miniprogram/dev/extended/weui/)

## 使用

- 样式文件可直接引用`dist/style/weui.wxss`，或者单独引用`dist/style/widget`下的组件的`wxss`

- 组件的wxml结构请看`dist/example/`下的组件

### rpx版本

默认版本使用的是`px`。这里也提供`rpx`版本，文件在[`dist-rpx-mode`](https://github.com/Tencent/weui-wxss/tree/master/dist-rpx-mode)目录下。

## WeUI 黑暗模式

在根结点增加属性 `data-weui-theme="dark"`

如:

```html

    ...

```

## 预览

用[微信web开发者工具](https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html)打开`dist`目录（**请注意，是`dist`目录，不是整个项目**）



![WeUI for 小程序](https://user-images.githubusercontent.com/2395166/29502325-ada080f6-8661-11e7-94c2-23d638210f45.jpg)

## 文档

WeUI 视觉标准参考 [weui-design](https://github.com/weui/weui-design)

## License

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

请自由地享受和参与开源

## 贡献

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