mirror of
https://gitee.com/wot-design-uni/wot-design-uni.git
synced 2025-12-06 17:18:40 +08:00
90 lines
3.3 KiB
Markdown
90 lines
3.3 KiB
Markdown
<p align="center">
|
|
<img alt="logo" src="https://wot-design-uni.netlify.app/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.netlify.app/">文档网站 (Netlify)</a>
|
|
</p>
|
|
|
|
## ✨ 特性
|
|
|
|
- 🚀 支持 APP、H5、微信小程序 等平台.
|
|
- 🚀 50+ 个高质量组件,覆盖移动端主流场景.
|
|
- 💪 使用 Typescript 构建,提供良好的组件类型系统.
|
|
- 💪 采用 Vue3 最新特性,提升组件性能.
|
|
- 📖 提供丰富的文档和组件示例.
|
|
- 🎨 支持主题定制,可以定制 scss 变量以及组件的样式自定义.
|
|
- 🍭 支持暗黑模式
|
|
|
|
## 📱 预览
|
|
|
|
扫描二维码访问演示:
|
|
|
|
<p>
|
|
<img src="https://wot-design-uni.netlify.app/wx.jpg" width="200" height="200" style="margin-right:30px"/>
|
|
<img src="https://wot-design-uni.netlify.app/alipay.png" width="200" height="200" />
|
|
</p>
|
|
|
|
## 快速上手
|
|
|
|
详细说明见 [快速上手](https://wot-design-uni.netlify.app/guide/quickUse.html)
|
|
|
|
## 贡献者们
|
|
感谢以下所有给 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.netlify.app/weixinQrcode.jpg" width="200" height="200" style="margin-right:30px"/>
|
|
<img src="https://wot-design-uni.netlify.app/alipayQrcode.jpg" width="200" height="200" />
|
|
</p>
|
|
|
|
## LICENSE
|
|
|
|
[MIT](https://github.com/Moonofweisheng/wot-design-uni/blob/develop/LICENSE)
|