开始使用
欢迎使用 XCloud UI 文档!本指南将帮助你快速上手我们的组件库。
概述
XCloud UI 是一个现代化的 React 组件库,专为构建精美的移动端和 Web 应用而设计。它包含三个主要包:
- @xcloud/ui-core: 核心 UI 组件(Button、Card、Input 等)
- @xcloud/ui-mobile: 移动端专属组件(Tabbar、Header、Navigation 等)
- @xcloud/ui-web: Web 专属组件和布局
特性
- 📱 移动优先: 为移动端优化,支持响应式设计
- ⚡️ 高性能: 最小化打包体积和优化渲染
- 🎨 可定制: 灵活的主题系统和 CSS 变量
- 🔧 TypeScript: 完整的类型安全和出色的开发体验
- 🌓 深色模式: 内置主题切换支持
- ♿️ 无障碍: 符合 WCAG 标准的组件
前置要求
开始之前,请确保你已安装:
- Node.js 18+
- pnpm 8+(推荐)或 npm/yarn
- 项目中使用 React 18+