# UI Docs

> Vue 3 业务组件与 AI 对话项目文档，提供动态表单、数据表格、预计进度条和视觉特效的使用示例与技术实践。

本站提供 Vue 3 组件源码使用说明与 AI 项目实践。组件通过源码接入，具体依赖、API 与限制请以各文档为准。

以下链接指向纯 Markdown，已包含参数表和代码示例。每篇文档保留原始页面链接，交互预览请访问原始页面。

## 阅读入口

- [AI 阅读](http://docs.quyongqing.cn/ai.md): 通过 llms.txt 索引、独立 Markdown 与完整文档，让 AI 助手读取 UI Docs 的组件参数、代码示例和使用限制，并回到原始页面查看预览。
- [Vue 3 组件目录](http://docs.quyongqing.cn/components/index.md): 按使用场景查找 UI Docs 的 Vue 3 组件，包括动态表单、数据表格、预计进度条、雪花特效和滚动动画，并查看示例与参数。
- [项目专题](http://docs.quyongqing.cn/projects/index.md): 浏览 Ollama Chat App、Qyq Chat AI 和 Ollama Node，了解 Vue 3 聊天前端、业务后台与 Node.js 多模型服务的技术方案和功能边界。

## 组件文档

- [EstimatedProgressBar 预计进度条](http://docs.quyongqing.cn/components/estimated-progress-bar.md): 无法获取真实进度时，使用 EstimatedProgressBar 为 Vue 3 异步任务展示模拟进度，了解 start、finish、reset 的调用方式与失败、取消处理。
- [QyqForm 动态表单](http://docs.quyongqing.cn/components/qyq-form.md): QyqForm 基于 Vue 3 与 Element Plus，通过字段配置构建查询和录入表单，提供接入示例、校验与重置说明、日期金额和自定义插槽用法。
- [QyqTable 数据表格](http://docs.quyongqing.cn/components/qyq-table.md): QyqTable 基于 Element Plus 展示后台列表数据，支持列配置、状态映射、斑马纹和分页，提供 Vue 3 使用示例与参数说明。
- [ScrollAnimation 滚动翻转动画](http://docs.quyongqing.cn/components/scroll-animation.md): ScrollAnimation 使用 GSAP 与 ScrollTrigger 实现随滚动触发的 3D 分栏翻转动画，介绍视觉预览、滚动容器和源码接入方式。
- [SnowEffect 雪花背景特效](http://docs.quyongqing.cn/components/snow-effect.md): 使用 SnowEffect 为 Vue 3 首页横幅、活动专题与节日页面添加 Canvas 雪花背景，了解容器尺寸、定位要求和接入示例。

## 项目专题

- [Ollama Chat App](http://docs.quyongqing.cn/projects/ollama-chat-app.md): Ollama Chat App 将 AI 对话、用户权限、表单表格与文件处理整合到 Vue 3 前端工程，介绍核心功能、组件复用和技术边界。
- [Ollama Node](http://docs.quyongqing.cn/projects/ollama-node.md): Ollama Node 提供 Node.js AI 对话后端，介绍多模型协议适配、SSE 统一事件、会话鉴权、文件处理与业务接口。
- [Qyq Chat AI](http://docs.quyongqing.cn/projects/qyq-chat-ai.md): Qyq Chat AI 是 Vue 3 多模型聊天前端，介绍会话与模型联动、SSE 流式消息、图文上下文及当前功能限制。

## Optional

- [完整文档](http://docs.quyongqing.cn/llms-full.txt): 合并所有 Markdown 正文，适合离线阅读或一次性加载。