更新菜单
parent
e797a1ea93
commit
1741e2125c
|
@ -47,6 +47,30 @@
|
||||||
<em>{{ it.id }}</em>
|
<em>{{ it.id }}</em>
|
||||||
</a>
|
</a>
|
||||||
</dd>
|
</dd>
|
||||||
|
<dt class="title">导航组件</dt>
|
||||||
|
<dd class="subtitle">
|
||||||
|
<a
|
||||||
|
class="text-ell"
|
||||||
|
v-for="it in menu.navs"
|
||||||
|
:class="{ a: nav === it.id }"
|
||||||
|
:href="'?' + it.id"
|
||||||
|
>
|
||||||
|
<span>{{ it.name }}</span>
|
||||||
|
<em>{{ it.id }}</em>
|
||||||
|
</a>
|
||||||
|
</dd>
|
||||||
|
<dt class="title">弹窗组件</dt>
|
||||||
|
<dd class="subtitle">
|
||||||
|
<a
|
||||||
|
class="text-ell"
|
||||||
|
v-for="it in menu.dialog"
|
||||||
|
:class="{ a: nav === it.id }"
|
||||||
|
:href="'?' + it.id"
|
||||||
|
>
|
||||||
|
<span>{{ it.name }}</span>
|
||||||
|
<em>{{ it.id }}</em>
|
||||||
|
</a>
|
||||||
|
</dd>
|
||||||
<dt class="title">其他组件</dt>
|
<dt class="title">其他组件</dt>
|
||||||
<dd class="subtitle">
|
<dd class="subtitle">
|
||||||
<a
|
<a
|
||||||
|
@ -96,21 +120,32 @@ export default {
|
||||||
{ id: 'wc-space', name: '间隔' },
|
{ id: 'wc-space', name: '间隔' },
|
||||||
{ id: 'wc-cell', name: '单元格' }
|
{ id: 'wc-cell', name: '单元格' }
|
||||||
],
|
],
|
||||||
|
navs: [
|
||||||
|
{ id: 'wc-dropdown', name: '下拉菜单' },
|
||||||
|
{ id: 'wc-steps', name: '步骤条' },
|
||||||
|
{ id: 'wc-menu', name: '菜单' },
|
||||||
|
{ id: 'wc-tabs', name: '选项卡' }
|
||||||
|
],
|
||||||
data: [
|
data: [
|
||||||
{ id: 'wc-progress', name: '进度条' },
|
{ id: 'wc-progress', name: '进度条' },
|
||||||
{ id: 'wc-table', name: '表格' },
|
{ id: 'wc-table', name: '表格' },
|
||||||
{ id: 'wc-tree', name: '树形菜单' },
|
{ id: 'wc-tree', name: '树形菜单' },
|
||||||
{ id: 'wc-pager', name: '分页' },
|
{ id: 'wc-pager', name: '分页' },
|
||||||
{ id: 'wc-dropdown', name: '下拉菜单' }
|
{ id: 'wc-timeline', name: '时间线' },
|
||||||
|
{ id: 'wc-scroll', name: '滚动容器' },
|
||||||
|
{ id: 'wc-code', name: '代码块' },
|
||||||
|
{ id: 'wc-markd', name: 'MD渲染组件' }
|
||||||
|
],
|
||||||
|
dialog: [
|
||||||
|
{ id: 'wc-layer', name: '弹层' },
|
||||||
|
{ id: 'wc-notify', name: '通知' },
|
||||||
|
{ id: 'wc-drawer', name: '抽屉' }
|
||||||
],
|
],
|
||||||
other: [
|
other: [
|
||||||
{ id: 'wc-layer', name: '弹层' },
|
|
||||||
{ id: 'wc-scroll', name: '滚动条' },
|
|
||||||
{ id: 'wc-code', name: '代码块' },
|
|
||||||
{ id: 'wc-markd', name: 'MD渲染组件' },
|
|
||||||
{ id: 'wc-meditor', name: 'MD编辑器' },
|
{ id: 'wc-meditor', name: 'MD编辑器' },
|
||||||
{ id: 'wc-editor', name: '富文本编辑器' },
|
{ id: 'wc-editor', name: '富文本编辑器' },
|
||||||
{ id: 'wc-badge', name: '标记' }
|
{ id: 'wc-badge', name: '标记' },
|
||||||
|
{ id: 'wc-divider', name: '分割线' }
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -128,13 +163,15 @@ export default {
|
||||||
line-height: 2;
|
line-height: 2;
|
||||||
border-right: 1px solid var(--color-plain-2);
|
border-right: 1px solid var(--color-plain-2);
|
||||||
background: #fff;
|
background: #fff;
|
||||||
color: var(--color-grey-3);
|
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
a {
|
a {
|
||||||
color: var(--color-dark-2);
|
color: var(--color-dark-2);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
dt.title {
|
||||||
|
color: var(--color-teal-1);
|
||||||
|
}
|
||||||
.subtitle {
|
.subtitle {
|
||||||
padding-left: 12px;
|
padding-left: 12px;
|
||||||
color: var(--color-dark-2);
|
color: var(--color-dark-2);
|
||||||
|
|
Loading…
Reference in New Issue