|
|
<p align="center">
|
|
|
<img alt="logo" src="https://wot-design-uni.cn/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://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>
|
|
|
🚀 <a href="https://wot-design-uni.cn/">文档网站 (官网)</a>
|
|
|
🔥 <a href="https://wot-design-uni.netlify.app/">文档网站 (Netlify)</a>
|
|
|
</p>
|
|
|
|
|
|
## ✨ 特性
|
|
|
|
|
|
- 🚀 支持 APP、H5、微信小程序 等平台.
|
|
|
- 🚀 60+ 个高质量组件，覆盖移动端主流场景.
|
|
|
- 💪 使用 Typescript 构建，提供良好的组件类型系统.
|
|
|
- 💪 采用 Vue3 最新特性，提升组件性能.
|
|
|
- 📖 提供丰富的文档和组件示例.
|
|
|
- 🎨 支持修改 CSS 变量实现主题定制.
|
|
|
- 🍭 支持暗黑模式
|
|
|
|
|
|
## 📱 预览
|
|
|
|
|
|
扫描二维码访问演示，注意：因微信审核机制限制，当前的微信小程序示例可能不是最新版本，可以clone代码到本地预览。
|
|
|
|
|
|
<p>
|
|
|
<img src="https://wot-design-uni.cn/wx.jpg" width="200" height="200" style="margin-right:30px"/>
|
|
|
<img src="https://wot-design-uni.cn/alipay.png" width="200" height="200" />
|
|
|
</p>
|
|
|
|
|
|
## 快速上手
|
|
|
|
|
|
详细说明见 [快速上手](https://wot-design-uni.cn/guide/quick-use.html)。
|
|
|
|
|
|
## 链接
|
|
|
|
|
|
* [意见反馈](https://github.com/Moonofweisheng/wot-design-uni/issues)
|
|
|
* [更新日志](https://wot-design-uni.cn/guide/changelog.html)
|
|
|
* [常见问题](https://wot-design-uni.cn/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.cn/weixinQrcode.jpg" width="200" height="200" style="margin-right:30px"/>
|
|
|
<img src="https://wot-design-uni.cn/alipayQrcode.jpg" width="200" height="200" />
|
|
|
</p>
|
|
|
|
|
|
## LICENSE
|
|
|
|
|
|
[MIT](https://github.com/Moonofweisheng/wot-design-uni/blob/develop/LICENSE)
|