88 lines
4.6 KiB
Markdown
88 lines
4.6 KiB
Markdown
|
# Introduction
|
||
|
|
|
||
|
|
The `wot-design-uni` component library is built on `vue3` + `Typescript`, following the design specifications of `wot design`. It provides 70+ high-quality components, supports dark mode, internationalization, and custom themes, aiming to provide developers with unified UI interactions while improving development efficiency.
|
||
|
|
|
||
|
|
## Quick Start
|
||
|
|
|
||
|
|
Please refer to the [Quick Start](/en-US/guide/quick-use.html) documentation.
|
||
|
|
|
||
|
|
## Scan QR Code to Experience
|
||
|
|
|
||
|
|
<div style="display:flex;gap:24px">
|
||
|
|
<div style="display: inline-block;">
|
||
|
|
<img style="width: 150px; height: 150px;" :src="WxQrcode" />
|
||
|
|
<div style="text-align: center;">WeChat</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div style="display: inline-block;">
|
||
|
|
<img style="width: 150px; height: 150px;" :src="AlipayQrcode" />
|
||
|
|
<div style="text-align: center;">Alipay</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div style="display: inline-block;">
|
||
|
|
<img style="width: 150px; height: 150px;" :src="H5Qrcode" />
|
||
|
|
<div style="text-align: center;">Browser</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div style="display: inline-block;">
|
||
|
|
<img style="width: 150px; height: 150px;" :src="AndroidQrcode" />
|
||
|
|
<div style="text-align: center;">Browser</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
## ✨ Features
|
||
|
|
|
||
|
|
- 🎯 Multi-platform coverage, supporting WeChat Mini Program, Alipay Mini Program, DingTalk Mini Program, H5, APP, etc.
|
||
|
|
- 🚀 70+ high-quality components covering mainstream mobile scenarios.
|
||
|
|
- 💪 Built with Typescript, providing a robust component type system.
|
||
|
|
- 🌍 Internationalization support with 15 built-in language packs.
|
||
|
|
- 📖 Comprehensive documentation and component examples.
|
||
|
|
- 🎨 Support for theme customization through CSS variables.
|
||
|
|
- 🍭 Support for dark mode
|
||
|
|
|
||
|
|
## Links
|
||
|
|
|
||
|
|
- [Changelog](/en-US/guide/changelog)
|
||
|
|
- [Common Problems](/en-US/guide/common-problems)
|
||
|
|
- [Discussions](https://github.com/Moonofweisheng/wot-design-uni/discussions)
|
||
|
|
- [Communication Group](/en-US/guide/join-group.html)
|
||
|
|
- [Excellent Cases](/en-US/guide/cases)
|
||
|
|
|
||
|
|
## Sponsor Us
|
||
|
|
|
||
|
|
If you feel that Wot UI has helped your development work, you can choose to [sponsor](/en-US/reward/reward.html) us. There is no threshold for sponsorship, even a glass of lemonade would be appreciated.
|
||
|
|
|
||
|
|
After donation, your nickname and message will be displayed in the [donation list](/en-US/reward/donor.html).
|
||
|
|
|
||
|
|
## Ecosystem Recommendations
|
||
|
|
|
||
|
|
| Project | Description |
|
||
|
|
| --- | --- |
|
||
|
|
| [awesome-uni-app](https://github.com/uni-helper/awesome-uni-app) | A collection of excellent development resources for the multi-platform unified development framework uni-app |
|
||
|
|
| [create-uni](https://github.com/uni-helper/create-uni) | Quickly create uni-app projects |
|
||
|
|
| [wot-starter](https://github.com/wot-ui/wot-starter) | A quick-start demo for wot-design-uni based on [vitesse-uni-app](https://github.com/uni-helper/vitesse-uni-app) |
|
||
|
|
| [wot-starter-retail](https://github.com/Moonofweisheng/wot-starter-retail) | A uni-app retail industry template based on wot-design-uni |
|
||
|
|
| [wot-ui-intellisense](https://github.com/wot-ui/wot-ui-intellisense) | wot-ui vscode code completion plugin |
|
||
|
|
| [Wot UI Snippets](https://marketplace.visualstudio.com/items?itemName=kiko.wot-design-uni-snippets) | Wot UI code snippets |
|
||
|
|
| [uni-mini-ci](https://github.com/Moonofweisheng/uni-mini-ci) | A plugin that supports CI (Continuous Integration) for uni-app mini program after build |
|
||
|
|
| [uni-mini-router](https://github.com/Moonofweisheng/uni-mini-router) | A lightweight uni-app router library based on vue3 and Typescript |
|
||
|
|
| [unibest](https://github.com/unibest-tech/unibest) | A uni-app template based on wot-design-uni |
|
||
|
|
| [wot-design-uni AI Assistant](https://www.coze.cn/store/bot/7347916532258701363) | An intelligent assistant that can answer your questions about the wot-design-uni component library |
|
||
|
|
| [uni-ku-root](https://github.com/uni-ku/root) | A root component plugin that simulates App.vue's original capabilities |
|
||
|
|
|
||
|
|
## Acknowledgments
|
||
|
|
|
||
|
|
- [wot-design](https://github.com/jd-ftf/wot-design-mini) - Thanks to the wot-design team for their continuous maintenance over the years, allowing wot-design-uni to stand on the shoulders of giants.
|
||
|
|
- [uni-helper](https://github.com/uni-helper) - Thanks to the uni-helper team for providing the uni-app tool library, making wot-design-uni easier to use.
|
||
|
|
- [Donors](https://wot-ui.cn/reward/donor.html) - Thanks to all donors, your donations help wot-design-uni develop better.
|
||
|
|
|
||
|
|
## License
|
||
|
|
|
||
|
|
This project is based on the [MIT](https://en.wikipedia.org/wiki/MIT_License) license. Please feel free to enjoy and participate in open source.
|
||
|
|
|
||
|
|
<script setup>
|
||
|
|
import WxQrcode from '/wx.jpg'
|
||
|
|
import AlipayQrcode from '/alipay.png'
|
||
|
|
import H5Qrcode from '/h5.png'
|
||
|
|
import AndroidQrcode from '/android.png'
|
||
|
|
</script>
|