<p align="center">
    <img alt="logo" src="https://wot-design-uni.gitee.io/wot-design.png" width="200">
</p>
<h1 align="center">Wot Design Uni</h1>

<p align="center">📱 一个参照<a href="https://ftf.jd.com/wot-design/">wot-design</a>，基于 Vue3 打造的uni-app组件库</p>

<p align="center">

<a href="https://github.com/Moonofweisheng/wot-design-uni">
  <img alt="GitHub Repo stars" src="https://img.shields.io/github/stars/Moonofweisheng/wot-design-uni?logo=github&color=%234d80f0&link=https%3A%2F%2Fgithub.com%2FMoonofweisheng%2Fwot-design-uni">
 </a>

<a href='https://gitee.com/wot-design-uni/wot-design-uni/stargazers'>
<img src='https://gitee.com/wot-design-uni/wot-design-uni/badge/star.svg?theme=gray' alt='star'>
</a>


<a href="https://www.npmjs.com/package/wot-design-uni">
  <img alt="npm" src="https://img.shields.io/npm/v/wot-design-uni?logo=npm&color=%234d80f0&link=https%3A%2F%2Fwww.npmjs.com%2Fpackage%2Fwot-design-uni">
</a>

<a href="https://www.npmjs.com/package/wot-design-uni">
  <img alt="npm" src="https://img.shields.io/npm/dw/wot-design-uni?logo=npm&link=https%3A%2F%2Fwww.npmjs.com%2Fpackage%2Fwot-design-uni">
</a>

<a href="https://www.npmjs.com/package/wot-design-uni">
  <img src="https://img.shields.io/npm/dt/wot-design-uni?style=flat-square">
</a>

<a href="https://github.com/Moonofweisheng/wot-design-uni">
  <img alt="GitHub" src="https://img.shields.io/github/license/Moonofweisheng/wot-design-uni?logo=github">
 </a>

<a href="https://app.netlify.com/sites/wot-design-uni/deploys" target="_blank" referrerpolicy="no-referrer">
  <img src="https://api.netlify.com/api/v1/badges/0991d8a9-0fb0-483b-8961-5bde066bbd50/deploy-status" alt="deploy-status" />
</a>

</p>

<p align="center">
  ✈️ <a href="https://wot-design-uni.gitee.io">文档网站 (国内推荐)</a>&nbsp;
  🚀 <a href="https://wot-design-uni.cn">文档网站 (备用)</a>&nbsp;
  🔥 <a href="https://wot-design-uni.netlify.app">文档网站 (备用)</a>
</p>

## ✨ 特性

- 🎯 多平台覆盖，支持 微信小程序、支付宝小程序、钉钉小程序、H5、APP 等.
- 🚀 60+ 个高质量组件，覆盖移动端主流场景.
- 💪 使用 Typescript 构建，提供良好的组件类型系统.
- 🌍 支持国际化，内置 6 种语言包.
- 📖 提供丰富的文档和组件示例.
- 🎨 支持修改 CSS 变量实现主题定制.
- 🍭 支持暗黑模式

## 📱 预览

扫描二维码访问演示，注意：因微信审核机制限制，当前的微信小程序示例可能不是最新版本，可以clone代码到本地预览。

<p>
<img src="https://wot-design-uni.gitee.io/wx.jpg" width="200" height="200" style="margin-right:30px"/>
<img src="https://wot-design-uni.gitee.io/alipay.png" width="200" height="200" />
</p>

## 快速上手

详细说明见 [快速上手](https://wot-design-uni.gitee.io/guide/quick-use.html)。

## 链接

* [意见反馈](https://github.com/Moonofweisheng/wot-design-uni/issues)
* [更新日志](https://wot-design-uni.gitee.io/guide/changelog.html)
* [常见问题](https://wot-design-uni.gitee.io/guide/common-problems.html)
* [Discussions 讨论区](https://github.com/Moonofweisheng/wot-design-uni/discussions)
* [QQ 群](https://qm.qq.com/cgi-bin/qm/qr?k=O1Z3pal6StL39qHtABqR54Tb56igr90O&jump_from=webapi&authKey=MtVWfi/EQbT03wW7tKXv4bmyKYHBHtzI8VewlzSsOdxFjN0wbgNy17np9Z9yC4Z8)
* [快速上手项目](https://github.com/Moonofweisheng/wot-starter)
* [Vue3路由库](https://moonofweisheng.gitee.io/uni-mini-router/)

## 开发计划

开发计划已公布在[Discussions 讨论区](https://github.com/Moonofweisheng/wot-design-uni/discussions/45)中，欢迎参与讨论，提出意见和建议。

## 贡献指南

修改代码请阅读我们的 [贡献指南](https://github.com/Moonofweisheng/wot-design-uni/blob/develop/.github/CONTRIBUTING.md)。

使用过程中发现任何问题都可以提 [Issue](https://github.com/Moonofweisheng/wot-design-uni/issues) 给我们，当然，我们也非常欢迎你给我们发 [PR](https://github.com/Moonofweisheng/wot-design-uni/pulls)。

## 贡献者们
感谢以下所有给 Wot Design Uni 贡献过代码的 [开发者](https://github.com/Moonofweisheng/wot-design-uni/graphs/contributors)。


<a href="https://github.com/Moonofweisheng/wot-design-uni/graphs/contributors">
  <img src="https://contrib.rocks/image?repo=Moonofweisheng/wot-design-uni" />
</a>


## 捐赠本项目

捐赠本项目，支持组件库的更好的发展，捐赠后你的昵称和主页将会被展示在 `wot design uni` 文档的捐赠榜单上。

### 爱发电捐赠

<a href="https://afdian.net/a/weisheng233">https://afdian.net/a/weisheng233</a>

### 扫码捐赠

<p>
<img src="https://wot-design-uni.gitee.io/weixinQrcode.jpg" width="200" height="200" style="margin-right:30px"/>
<img src="https://wot-design-uni.gitee.io/alipayQrcode.jpg" width="200" height="200" />
</p>

## LICENSE

[MIT](https://github.com/Moonofweisheng/wot-design-uni/blob/develop/LICENSE)
