优化展示
This commit is contained in:
@@ -18,7 +18,7 @@ const tabs = [
|
|||||||
{ label: '订单管理', to: '/admin/orders', icon: 'receipt' },
|
{ label: '订单管理', to: '/admin/orders', icon: 'receipt' },
|
||||||
{ label: '兑换码管理', to: '/admin/cdks', icon: 'spark' },
|
{ label: '兑换码管理', to: '/admin/cdks', icon: 'spark' },
|
||||||
{ label: '邀请日志', to: '/admin/invites', icon: 'accounts' },
|
{ label: '邀请日志', to: '/admin/invites', icon: 'accounts' },
|
||||||
{ label: '图片管理', to: '/admin/images', icon: 'files' },
|
{ label: '作品管理', to: '/admin/images', icon: 'files' },
|
||||||
{ label: '首页内容', to: '/admin/showcase', icon: 'spark' },
|
{ label: '首页内容', to: '/admin/showcase', icon: 'spark' },
|
||||||
{ label: '日志管理', to: '/admin/logs', icon: 'log' },
|
{ label: '日志管理', to: '/admin/logs', icon: 'log' },
|
||||||
{ label: '系统配置', to: '/admin/config', icon: 'config' },
|
{ label: '系统配置', to: '/admin/config', icon: 'config' },
|
||||||
|
|||||||
@@ -65,11 +65,11 @@ const currentLabel = computed(() => {
|
|||||||
v-for="n in nav" :key="n.to" :to="n.to"
|
v-for="n in nav" :key="n.to" :to="n.to"
|
||||||
:exact-active-class="n.to === '/' ? 'active' : ''"
|
:exact-active-class="n.to === '/' ? 'active' : ''"
|
||||||
:active-class="n.to === '/' ? '' : 'active'"
|
:active-class="n.to === '/' ? '' : 'active'"
|
||||||
|
:title="n.label"
|
||||||
class="rail-link group">
|
class="rail-link group">
|
||||||
<span class="w-10 h-10 rounded-xl grid place-items-center transition-all ring-1 ring-transparent group-hover:bg-[var(--hover)] group-hover:ring-[color:var(--hairline)]">
|
<span class="w-10 h-10 rounded-xl grid place-items-center transition-all ring-1 ring-transparent group-hover:bg-[var(--hover)] group-hover:ring-[color:var(--hairline)]">
|
||||||
<Icon :name="n.icon" class="w-4 h-4 transition-colors" />
|
<Icon :name="n.icon" class="w-4 h-4 transition-colors" />
|
||||||
</span>
|
</span>
|
||||||
<span class="rail-label">{{ n.label }}</span>
|
|
||||||
</router-link>
|
</router-link>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
@@ -139,7 +139,6 @@ const currentLabel = computed(() => {
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 0.5rem;
|
|
||||||
padding: 0.25rem 0;
|
padding: 0.25rem 0;
|
||||||
color: var(--fg-3);
|
color: var(--fg-3);
|
||||||
transition: color 0.15s ease;
|
transition: color 0.15s ease;
|
||||||
@@ -164,11 +163,6 @@ const currentLabel = computed(() => {
|
|||||||
background: var(--hover) !important;
|
background: var(--hover) !important;
|
||||||
--tw-ring-color: var(--hairline);
|
--tw-ring-color: var(--hairline);
|
||||||
}
|
}
|
||||||
.rail-label {
|
|
||||||
font-size: 10px;
|
|
||||||
letter-spacing: 0.04em;
|
|
||||||
font-weight: 500;
|
|
||||||
}
|
|
||||||
|
|
||||||
.rail-bottom {
|
.rail-bottom {
|
||||||
width: 2.5rem;
|
width: 2.5rem;
|
||||||
|
|||||||
@@ -61,7 +61,7 @@ const routes = [
|
|||||||
{ path: 'orders', component: AdminOrdersView, meta: { label: '订单管理' } },
|
{ path: 'orders', component: AdminOrdersView, meta: { label: '订单管理' } },
|
||||||
{ path: 'cdks', component: CdksView, meta: { label: '兑换码管理' } },
|
{ path: 'cdks', component: CdksView, meta: { label: '兑换码管理' } },
|
||||||
{ path: 'invites', component: InvitesAdminView, meta: { label: '邀请日志' } },
|
{ path: 'invites', component: InvitesAdminView, meta: { label: '邀请日志' } },
|
||||||
{ path: 'images', component: ImagesView, meta: { label: '图片管理' } },
|
{ path: 'images', component: ImagesView, meta: { label: '作品管理' } },
|
||||||
{ path: 'showcase', component: ShowcaseView, meta: { label: '首页内容' } },
|
{ path: 'showcase', component: ShowcaseView, meta: { label: '首页内容' } },
|
||||||
{ path: 'logs', component: LogsView, meta: { label: '日志管理' } },
|
{ path: 'logs', component: LogsView, meta: { label: '日志管理' } },
|
||||||
{ path: 'config', component: ConfigView, meta: { label: '系统配置' } },
|
{ path: 'config', component: ConfigView, meta: { label: '系统配置' } },
|
||||||
|
|||||||
Reference in New Issue
Block a user