优化展示

This commit is contained in:
2026-07-05 12:58:48 +08:00
parent c708ba65ad
commit 02fff338cf
3 changed files with 3 additions and 9 deletions
+1 -1
View File
@@ -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' },
+1 -7
View File
@@ -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;
+1 -1
View File
@@ -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: '系统配置' } },