更新菜单

master
yutent 2023-04-28 11:37:30 +08:00
parent e797a1ea93
commit 1741e2125c
1 changed files with 44 additions and 7 deletions

View File

@ -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);