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