feat: 为多个组件添加边框样式

This commit is contained in:
jxxghp
2025-04-13 09:19:20 +08:00
parent 114844ad48
commit 3d7a0d9b0d
5 changed files with 5 additions and 5 deletions

View File

@@ -195,7 +195,7 @@ onMounted(() => {
<VIcon :icon="getThemeIcon" />
</IconBtn>
</template>
<VList class="theme-switcher-list pt-0">
<VList class="theme-switcher-list pt-0 border">
<VCardItem class="theme-switcher-header">
<VCardTitle class="font-weight-medium text-primary">主题选择</VCardTitle>
</VCardItem>

View File

@@ -61,7 +61,7 @@ const currentPath = computed(() => route.path)
:color="moreActiveState ? 'primary' : ''"
/>
<VMenu v-model="moreMenuDialog" close-on-content-click activator="parent">
<VList class="font-bold" lines="one" elevation="1">
<VList class="font-bold border" lines="one">
<VListSubheader class="bg-transparent"> 更多 </VListSubheader>
<VListItem
class="pe-20 ps-5"

View File

@@ -121,7 +121,7 @@ onMounted(() => {
</IconBtn>
</template>
<!-- Menu Content -->
<VCard class="shortcut-menu-card">
<VCard class="shortcut-menu-card border">
<VCardItem class="shortcut-header border-b">
<VCardTitle class="font-weight-medium text-primary">捷径</VCardTitle>
<template #append>

View File

@@ -54,7 +54,7 @@ onBeforeUnmount(() => {
</IconBtn>
</template>
<!-- Menu Content -->
<VCard>
<VCard class="border">
<VCardItem class="notification-header">
<VCardTitle class="font-weight-medium text-primary">通知中心</VCardTitle>
<template #append>

View File

@@ -86,7 +86,7 @@ const userLevel = computed(() => userStore.level)
<VImg :src="avatar" />
<VMenu activator="parent" width="230" location="bottom end" offset="14px" class="user-menu">
<VList class="overflow-hidden pt-0">
<VList class="overflow-hidden pt-0 border">
<!-- 👉 User Avatar & Name -->
<div class="user-profile-header px-2 py-4 mb-2">
<div class="d-flex align-center">