WeUI для мини-приложений, специально разработанный для WeChat Mini Programs

Краткое описание

WeUI — это набор базовых стилей, обеспечивающий единое визуальное восприятие с нативной средой WeChat. Разработано командой дизайнеров WeChat для внутренних веб-страниц и мини-приложений WeChat, что обеспечивает более единую пользовательскую среду. Включает различные элементы, такие как кнопки (button), ячейки (cell), диалоговые окна (dialog), прогрессбар (progress), уведомления (toast), статьи (article), действия (actionsheet) и значки (icon).

Дальше представлен чистый UI-библиотека. Если вам нужны логически заключенные версии компонентов, обратитесь к библиотеке компонентов для мини-приложений - WeUI.

Установка

• Стили можно использовать, импортировав dist/style/weui.wxss, либо отдельно используя wxss каждого компонента из папки dist/style/widget.
• Структура wxml-файлов компонентов доступна в папке dist/example.

Версия rpx

По умолчанию используется версия px. Также доступна версия rpx, расположенная в директории dist-rpx-mode.

Темная тема WeUI

Добавьте атрибут data-weui-theme="dark" к корневому узлу. Пример:

<view data-weui-theme="dark">
    ...
</view>
```## Пример
Откройте папку `dist` с помощью [инструмента разработчика WeChat Web](https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html) (обратите внимание, что открывать следует именно папку `dist`, а не весь проект).

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

![WeUI для мини-приложений](https://user-images.githubusercontent.com/2395166/29502325-ada080f6-8661-11e7-94c2-23d638210f45.jpg)


## Документация

Справочник по визуальным стандартам WeUI доступен по ссылке [weui-design](https://github.com/weui/weui-design).


## Лицензия
Лицензия MIT (http://opensource.org/licenses/MIT)

Пожалуйста, используйте и принимайте участие в нашем открытом проекте.


## Вклад

Если у вас есть предложения или идеи, мы будем рады получить ваши issues или pull requests.