# weui-miniapp

**Repository Path**: mirrors/weui-miniapp

## Basic Information

- **Project Name**: weui-miniapp
- **Description**: WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: https://www.oschina.net/p/weui-miniapp
- **GVP Project**: No

## Statistics

- **Stars**: 6
- **Forks**: 2
- **Created**: 2019-09-09
- **Last Updated**: 2025-10-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# WeUI-App for 小程序

* [WeUI](./wx)
* [WeUI-AliApp](./alipay)
* [WeUI-BaiduApp](./baidu)

## 概述

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

WeUI-Aliapp 是通过 [Antmove](https://ant-move.github.io/website/)  小程序转换器基于 WeUI 项目转换得到。

## 预览
用[支付宝小程序开发者工具](https://docs.alipay.com/mini/ide/download)打开`alipay/WeUI-AliApp` 目录

> [百度 IDE 预览](https://smartprogram.baidu.com/docs/develop/devtools/history/), 打开 `baidu/WeUI-BaiduApp` 目录

## 图片预览

按顺序分别为微信/支付宝/百度展示情况。

<img width='200' style='width:200px' src='https://cache.amap.com/ecology/tool/antmove/web/assets/qr/wx.png'><img width='200' style='width:200px' src='https://cache.amap.com/ecology/tool/antmove/web/assets/qr/ali.png'><img width='200' style='width:200px' src='https://cache.amap.com/ecology/tool/antmove/web/assets/qr/bd.png'>

## 使用

- 组件的 axml 结构请看`dist/example/`下的组件
- 样式文件可直接引用`dist/style/weui.acss`，或者单独引用`dist/style/widget`下的组件的`acss`

> 百度小程序版本类似的使用方法。


## 文档

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


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

请自由地享受和参与开源


## 贡献

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