# weui-wxss

**Repository Path**: anydev/weui-wxss

## Basic Information

- **Project Name**: weui-wxss
- **Description**: A UI library by WeChat official design team, includes the most useful widgets/modules.
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-10-12
- **Last Updated**: 2024-10-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## 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
<view data-weui-theme="dark">
    ...
</view>
```

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

<img src='https://cloud.githubusercontent.com/assets/2395166/20168869/48a75b02-a75f-11e6-89aa-503d65c8ad8e.png' width='344' alt='preview' />

![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。