1c315a9c02
* style(toast): 调整toast组件样式间距并添加左边距变量 移除图标右边距，为消息内容添加左边距变量以保持样式一致性 * feat(toast): 添加垂直方向时的消息样式 当direction为vertical时，移除消息的左外边距并添加垂直布局样式 * style(wd-toast): 移除垂直布局下多余的右边距 垂直布局时图标不需要右边距，保持样式简洁 * style(toast): 优化成仅在图标显示的时候显示文字左边距 * refactor(样式变量): 移除未使用的toast图标右边距变量
Wot UI
简体中文 | English
📱 A uni-app component library built with Vue3 + TypeScript, inspired by wot-design
🚀 Documentation (Recommended) ✈️ Documentation (Cloudflare) 🔥 Documentation (Netlify)
✨ Features
- 🎯 Multi-platform support: 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.
- 📖 Rich documentation and component examples.
- 🎨 Theme customization through CSS variables.
- 🍭 Dark mode support.
📱 Preview
Scan the QR code to view the demo. Note: Due to WeChat review restrictions, the current WeChat Mini Program demo may not be the latest version. You can clone the code locally for preview.
Quick Start
For detailed instructions, see Quick Start.
Links
Showcase
Check out some excellent examples here!
We welcome contributions of excellent demos and cases. Feel free to submit your case in this issue.
Ecosystem
| Project | Description |
|---|---|
| wot-starter | A wot-ui quick start project based on vitesse-uni-app |
| wot-ui-intellisense | wot-ui vscode code completion plugin |
| awesome-uni-app | A collection of excellent development resources for uni-app multi-platform unified development framework |
| create-uni | Quickly create uni-app projects |
| wot-starter-retail | A uni-app retail industry template based on wot-ui |
| Wot UI Snippets | wot-ui code snippets |
| uni-mini-ci | A uni-app mini-program build plugin that supports CI (Continuous Integration) |
| uni-mini-router | A lightweight uni-app router library based on vue3 and TypeScript |
| unibest | A uni-app template based on wot-ui |
| wot-design-uni AI Assistant | An intelligent assistant that can answer your questions about wot-ui component library |
| uni-ku-root | A root component plugin that simulates the original capabilities of App.vue |
Contributing
Please read our Contributing Guide before making changes to the code.
If you encounter any issues, please feel free to submit an Issue. We also welcome your Pull Requests.
Contributors
Thanks to all the developers who have contributed to Wot UI.
Donate
Developing a UI component library is time-consuming work, especially when it needs to be adapted for multiple platforms. The Wot UI team often works late into the night...
If you find Wot UI helpful in your development work, you can donate to support our development work. Any amount is welcome, even if it's just a cola.
After donating, your nickname and message will be displayed on the donor list.
Afdian Donation
https://afdian.com/a/weisheng233
Scan to Donate
Acknowledgments
- wot-design - Thanks to the wot-design team for their years of maintenance.
- uni-helper - Thanks to the uni-helper team for providing uni-app tool libraries.
- Donors - Thanks to all donors who help Wot UI grow better.
License
This project is licensed under the MIT License. Feel free to enjoy and participate in open source.