docs(demo): 更新组件演示页面结构和文档信息

- 修复CuteLinkDemo组件API文档中的字段描述错误
- 添加完整的组件演示导航页面index.vue
- 集成基础组件、快捷组件等多个组件演示入口
- 统一组件演示页面的布局和标签页管理
- 完善组件文档的必填项标识和类型定义
This commit is contained in:
2026-02-03 15:20:07 +08:00
parent c350f80d6b
commit d9e2defa17
2 changed files with 66 additions and 2 deletions
@@ -33,8 +33,8 @@ export default {
data() {
return {
apiData: [
{ name: 'title', remark: '按钮类型', type: 'primary| secondary | normal | text', defaultValue: 'normal', required: '否' },
{ name: 'href', remark: '内置图标占位', type: '参考ElementUI icon', defaultValue: '-', required: '否' }
{ name: 'title', remark: '标题', type: 'string', defaultValue: '-', required: '是' },
{ name: 'href', remark: '任何有效文档的相对或绝对URL', type: 'string', defaultValue: '-', required: '是' }
]
}
}
@@ -0,0 +1,64 @@
<template>
<cute-page>
<el-tabs v-model="tabKey">
<el-tab-pane label="基础组件" name="basic">
<el-collapse accordion>
<el-collapse-item title="按钮 CuteButton" name="CuteButton">
<CuteButtonDemo />
</el-collapse-item>
<el-collapse-item title="文字链接 CuteLink" name="CuteLink">
<CuteLinkDemo />
</el-collapse-item>
</el-collapse>
</el-tab-pane>
<el-tab-pane label="快捷组件" name="kit">
<el-collapse accordion>
<el-collapse-item title="信息提示 KitMessage" name="KitMessage">
<KitMessageDemo />
</el-collapse-item>
<el-collapse-item title="通知提醒框 KitNotification" name="KitNotification">
<KitNotificationDemo />
</el-collapse-item>
<el-collapse-item title="快捷对话框 KitDialog" name="KitDialog">
<KitDialogDemo />
</el-collapse-item>
<el-collapse-item title="WebSocket客户端 KitWsClient" name="KitWsClient">
<KitWsClientDemo />
</el-collapse-item>
</el-collapse>
</el-tab-pane>
<el-tab-pane label="业务组件" name="business" />
<el-tab-pane label="高级组件" name="advanced" />
</el-tabs>
</cute-page>
</template>
<script>
import CutePage from '@/views/components/dev/CutePage.vue'
import CuteButtonDemo from '@/views/componentsDemo/dev/CuteButtonDemo.vue'
import KitMessageDemo from '@/views/componentsDemo/dev/KitMessageDemo.vue'
import KitNotificationDemo from '@/views/componentsDemo/dev/KitNotificationDemo.vue'
import KitDialogDemo from '@/views/componentsDemo/dev/KitDialogDemo.vue'
import KitWsClientDemo from '@/views/componentsDemo/dev/KitWsClientDemo.vue'
import CuteLinkDemo from '@/views/componentsDemo/dev/CuteLinkDemo.vue'
export default {
name: 'SystemComponents',
components: {
CuteLinkDemo, KitWsClientDemo, KitDialogDemo, KitNotificationDemo, KitMessageDemo, CuteButtonDemo, CutePage },
props: {
value: {
type: Object,
required: true,
default: null
}
},
data() {
return {
tabKey: 'basic'
}
}
}
</script>