名称: uview-pro-vue3 描述: 提供uView Pro Vue 3组件库的全面指南，包括组件、工具、布局和模板。当用户询问uView Pro、需要使用uView Pro构建Vue 3应用程序或实现移动优先UI组件时使用。许可证: 完整条款在LICENSE.txt中

何时使用此技能

在用户想要时使用此技能：

在uni-app项目中安装和设置uView Pro
在Vue 3 / uni-app应用程序中使用uView Pro组件
配置uView Pro（主题、i18n等）
使用表单组件（按钮、输入框、表单等）
使用数据展示组件（列表、卡片等）
使用反馈组件（Toast、Modal等）
使用导航组件（标签页、导航栏等）
使用uView Pro工具和实用程序
使用uView Pro布局模板
自定义组件样式和主题
处理组件事件
理解uView Pro API和方法
解决uView Pro问题

如何使用此技能

此技能组织方式与uView Pro官方文档结构匹配（https://uviewpro.cn/, https://uviewpro.cn/zh/guide/intro.html, https://uviewpro.cn/zh/components/intro.html, https://uviewpro.cn/zh/tools/intro.html, https://uviewpro.cn/zh/layout/intro.html）。当使用uView Pro时：

从用户请求中识别主题：
- 安装/安装 → examples/guide/installation.md
- 快速开始/快速开始 → examples/guide/quick-start.md
- 组件/组件 → examples/components/
- 工具/工具 → examples/tools/
- 布局/布局 → examples/layout/
- API/API 文档 → api/
从examples/目录加载相应的示例文件：

指南（使用指南）：
- examples/guide/intro.md - 介绍
- examples/guide/installation.md - 安装指南
- examples/guide/quick-start.md - 快速开始指南
- examples/guide/theme.md - 主题自定义
- examples/guide/i18n.md - 国际化
- examples/guide/config.md - 配置
组件（组件）：
- examples/components/intro.md - 组件介绍
- examples/components/button.md - 按钮组件
- examples/components/input.md - 输入框组件
- examples/components/form.md - 表单组件
- examples/components/list.md - 列表组件
- examples/components/card.md - 卡片组件
- examples/components/toast.md - Toast组件
- examples/components/modal.md - Modal组件
- examples/components/tabs.md - 标签页组件
- examples/components/navbar.md - 导航栏组件
- examples/components/date-picker.md - 日期选择器组件
- examples/components/select.md - 选择器组件
- examples/components/switch.md - 开关组件
- examples/components/checkbox.md - 复选框组件
- examples/components/radio.md - 单选框组件
- examples/components/upload.md - 上传组件
- examples/components/pagination.md - 分页组件
- examples/components/avatar.md - 头像组件
- examples/components/badge.md - 徽标组件
- examples/components/tag.md - 标签组件
- examples/components/empty.md - 空状态组件
- examples/components/loading.md - 加载组件
- examples/components/popup.md - 弹出层组件
- examples/components/dropdown.md - 下拉菜单组件
- examples/components/drawer.md - 抽屉组件
工具（工具）：
- examples/tools/intro.md - 工具介绍
- examples/tools/http.md - HTTP请求
- examples/tools/storage.md - 存储实用程序
- examples/tools/router.md - 路由实用程序
- examples/tools/validator.md - 验证实用程序
- examples/tools/format.md - 格式化实用程序
- examples/tools/color.md - 颜色实用程序
布局（布局）：
- examples/layout/intro.md - 布局介绍
- examples/layout/grid.md - 网格布局
- examples/layout/flex.md - 弹性布局
- examples/layout/container.md - 容器布局
遵循该示例文件中的具体指令，包括语法、结构和最佳实践

重要注意事项：
- uView Pro适用于Vue 3和uni-app
- 组件使用Vue 3 Composition API
- 示例包括Options API和Composition API
- 每个示例文件包括关键概念、代码示例和要点
在需要时参考api/目录中的API文档：
- api/component-api.md - 组件API参考
- api/props-and-events.md - 属性和事件参考
- api/tools-api.md - 工具API参考
- api/config-api.md - 配置API
使用templates/目录中的模板：
- templates/installation.md - 安装模板
- templates/component-usage.md - 组件使用模板
- templates/project-setup.md - 项目设置模板

1. 理解uView Pro

uView Pro是一个专为uni-app开发设计的Vue 3组件库，提供丰富的组件和实用方法。

关键概念：

Vue 3支持：为Vue 3构建，使用Composition API
uni-app支持：为uni-app开发优化
丰富组件：100多个组件，适用于各种用例
主题自定义：支持主题自定义
i18n：国际化支持
工具：丰富的实用方法

2. 安装

使用npm：

npm install uview-pro

使用yarn：

yarn add uview-pro

使用pnpm：

pnpm add uview-pro

3. 基本设置

// main.js
import { createSSRApp } from 'vue'
import uView from 'uview-pro'
import App from './App.vue'

export function createApp() {
  const app = createSSRApp(App)
  app.use(uView)
  return {
    app
  }
}

文档映射（与官方文档一一对应）

指南（指南）：

参见examples/guide/或examples/getting-started/中的指南文件 → https://uviewpro.cn/zh/guide/intro.html

组件（组件）：

参见examples/components/中的组件文件 → https://uviewpro.cn/zh/components/intro.html

示例和模板

此技能包括详细示例，组织方式与官方文档结构匹配。所有示例都在examples/目录中（参见上方映射）。

使用示例：

从用户请求中识别主题
从上方映射加载相应的示例文件
遵循该文件中的指令、语法和最佳实践
将代码示例调整到您的特定用例

使用模板：

参考templates/目录中的模板以获取常见脚手架
将模板调整到您的具体需求和编码风格

API参考

详细的API文档可在api/目录中找到，组织方式与官方uView Pro API文档结构匹配：

组件API（`api/component-api.md`）

组件属性和事件
组件方法
组件插槽

属性和事件（`api/props-and-events.md`）

常见属性
常见事件
事件处理

工具API（`api/tools-api.md`）

HTTP请求方法
存储方法
路由方法
验证方法
格式化方法
颜色方法

配置API（`api/config-api.md`）

全局配置选项
主题配置
i18n配置

使用API参考：

识别您需要帮助的API
从api/目录加载相应的API文件
查找API签名、参数、返回类型和示例
参考链接的示例文件以获取详细使用模式
所有API文件包括链接到examples/目录中的相关示例文件

最佳实践

使用按需导入：仅导入您需要的组件以减少包大小
使用Composition API：优先使用Composition API以获得更好的代码组织
正确处理事件：使用适当的事件处理器进行组件交互
自定义主题：使用主题变量进行自定义
遵循设计规范：遵循uView Pro设计规范
使用工具：利用uView Pro工具进行常见操作
使用布局：使用布局模板以获得一致的页面结构

资源

官方文档：https://uviewpro.cn/
指南：https://uviewpro.cn/zh/guide/intro.html
组件：https://uviewpro.cn/zh/components/intro.html
工具：https://uviewpro.cn/zh/tools/intro.html
布局：https://uviewpro.cn/zh/layout/intro.html

关键词

uView Pro, uview-pro, Vue 3, Vue3, uni-app, UI组件, 组件库, 按钮, 表单, 列表, 卡片, 提示, 弹窗, 标签页, 导航栏, 日期选择器, 选择器, 开关, 复选框, 单选框, 上传, 分页, 头像, 徽标, 标签, 空状态, 加载, 弹出层, 下拉菜单, 抽屉, HTTP, 存储, 路由, 验证, 格式化, 颜色, 网格布局, 弹性布局, 容器布局, Button, Form, List, Card, Toast, Modal, Tabs, NavBar, DatePicker, Select, Switch, Checkbox, Radio, Upload, Pagination, Avatar, Badge, Tag, Empty, Loading, Popup, Dropdown, Drawer

名称: uview-pro-vue3 描述: 提供uView Pro Vue 3组件库的全面指南，包括组件、工具、布局和模板。当用户询问uView Pro、需要使用uView Pro构建Vue 3应用程序或实现移动优先UI组件时使用。 许可证: 完整条款在LICENSE.txt中