Skip to content

Vue 3 组件目录 ​

这里收录本项目的业务组件与视觉特效。每篇文档都提供使用说明、交互预览和代码示例,组件源码位于仓库的 src/components/ 目录。

按场景选择组件 ​

使用场景组件主要能力与边界
查询筛选、录入编辑QyqForm 动态表单基于 Element Plus,通过字段配置生成表单,支持校验、日期金额和插槽扩展
后台列表、订单列表QyqTable 数据表格配置列、状态映射和分页;业务数据请求由调用方处理
无法获取真实进度的异步任务EstimatedProgressBar 预计进度条模拟推进到 99%,由调用方在任务成功后通知完成
节日活动、横幅背景SnowEffect 雪花特效Canvas 背景特效,当前不提供配置项
品牌展示、作品集视觉区ScrollAnimation 滚动动画基于 GSAP 的滚动翻转效果,图片与动画节奏在源码中配置

接入方式 ​

当前仓库是组件源码与文档工程,尚未提供独立 npm 组件包。接入时需要复制对应组件及其本地依赖,按照各文档的说明配置 Vue、Element Plus 或 GSAP 等依赖;示例中的 @/components/ 指向使用方的 src/components/。

可以先从 QyqForm 的最小示例或预计进度条的任务处理示例开始,再查看完整参数与场景说明。

相关项目 ​

项目专题介绍 AI 对话前端、业务后台与模型接入服务的技术实践。