docs(demo): 更新组件演示页面结构和文档信息
- 修复CuteLinkDemo组件API文档中的字段描述错误 - 添加完整的组件演示导航页面index.vue - 集成基础组件、快捷组件等多个组件演示入口 - 统一组件演示页面的布局和标签页管理 - 完善组件文档的必填项标识和类型定义
This commit is contained in:
@@ -33,8 +33,8 @@ export default {
|
|||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
apiData: [
|
apiData: [
|
||||||
{ name: 'title', remark: '按钮类型', type: 'primary| secondary | normal | text', defaultValue: 'normal', required: '否' },
|
{ name: 'title', remark: '标题', type: 'string', defaultValue: '-', required: '是' },
|
||||||
{ name: 'href', remark: '内置图标占位', type: '参考ElementUI icon', 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>
|
||||||
|
|
||||||
Reference in New Issue
Block a user