62 lines
2.2 KiB
Markdown
62 lines
2.2 KiB
Markdown
|
---
|
||
|
|
layout: home
|
||
|
|
|
||
|
|
title: Wot UI
|
||
|
|
titleTemplate: A uni-app component library based on Vue3+TS, providing 70+ high-quality components, supporting dark mode, internationalization, and custom themes.
|
||
|
|
|
||
|
|
hero:
|
||
|
|
name: Wot UI
|
||
|
|
text: A Beautiful and Lightweight uni-app Component Library
|
||
|
|
tagline: Built with Vue3+TS, providing 70+ high-quality components, supporting dark mode, internationalization, and custom themes.
|
||
|
|
image:
|
||
|
|
src: /logo.png
|
||
|
|
alt: Wot Design
|
||
|
|
actions:
|
||
|
|
- theme: brand
|
||
|
|
text: Get Started 🚀
|
||
|
|
link: /en-US/guide/introduction
|
||
|
|
- theme: alt
|
||
|
|
text: Common Problems
|
||
|
|
link: /en-US/guide/common-problems
|
||
|
|
- theme: alt
|
||
|
|
text: Components
|
||
|
|
link: /en-US/component/button
|
||
|
|
- theme: brand
|
||
|
|
text: 🥤Buy Me a Coffee
|
||
|
|
link: /en-US/reward/reward
|
||
|
|
- theme: brand
|
||
|
|
text: ✨Starter
|
||
|
|
link: "https://starter.wot-ui.cn/"
|
||
|
|
|
||
|
|
features:
|
||
|
|
- icon: 🎯
|
||
|
|
title: Multi-Platform Support
|
||
|
|
details: Supports WeChat Mini Program, Alipay Mini Program, DingTalk Mini Program, H5, APP, and more platforms.
|
||
|
|
- icon: 🚀
|
||
|
|
title: 70+ Components
|
||
|
|
details: Over 70 high-quality components covering mainstream mobile scenarios.
|
||
|
|
- icon: 💖
|
||
|
|
title: Quick Start Template
|
||
|
|
details: Wot UI provides a quick start template based on vitesse-uni-app with deep integration of Wot UI component library.
|
||
|
|
link: "https://starter.wot-ui.cn/"
|
||
|
|
linkText: "View Wot Starter"
|
||
|
|
- icon: 💪
|
||
|
|
title: TypeScript Support
|
||
|
|
details: Built with TypeScript, providing a robust component type system.
|
||
|
|
- icon: 🌍
|
||
|
|
title: Internationalization
|
||
|
|
details: Supports internationalization with 15 built-in language packs.
|
||
|
|
- icon: 📖
|
||
|
|
title: Rich Documentation and Examples
|
||
|
|
details: Comprehensive documentation and component examples provide stable support for developers.
|
||
|
|
- icon: 🍭
|
||
|
|
title: Dark Mode and Theme Customization
|
||
|
|
details: Customize CSS variables and component styles for your needs.
|
||
|
|
- icon: 🍿
|
||
|
|
title: Best Practices Sharing
|
||
|
|
details: Regularly share best practices related to using Wot UI through the WeChat public account 'A Yu Talks Frontend'.
|
||
|
|
link: "./guide/join-group.html#wechat-official-account"
|
||
|
|
linkText: "View Public Account"
|
||
|
|
|
||
|
|
footer: false
|
||
|
|
---
|