调整 VCard 组件的阴影层级,优化资源列表容器的结构

This commit is contained in:
jxxghp
2025-04-01 07:15:30 +08:00
parent 410ff78ef5
commit c873787a89
2 changed files with 4 additions and 3 deletions
+1 -1
View File
@@ -30,7 +30,7 @@ export default {
color: 'primary', color: 'primary',
}, },
VCard: { VCard: {
elevation: 3, elevation: 2,
}, },
VChip: { VChip: {
elevation: 0, elevation: 0,
+3 -2
View File
@@ -553,7 +553,7 @@ function toggleFilterMenu(key: string) {
</VDialog> </VDialog>
<!-- 资源列表容器 --> <!-- 资源列表容器 -->
<div class="resource-list-container"> <VCard class="resource-list-container">
<!-- 无结果时显示 --> <!-- 无结果时显示 -->
<div v-if="dataList.length === 0" class="no-results"> <div v-if="dataList.length === 0" class="no-results">
<VIcon icon="mdi-file-search-outline" size="64" color="grey-lighten-1" /> <VIcon icon="mdi-file-search-outline" size="64" color="grey-lighten-1" />
@@ -567,7 +567,7 @@ function toggleFilterMenu(key: string) {
<VDivider v-if="index < dataList.length - 1" class="my-2" /> <VDivider v-if="index < dataList.length - 1" class="my-2" />
</div> </div>
</div> </div>
</div> </VCard>
</div> </div>
</template> </template>
@@ -583,6 +583,7 @@ function toggleFilterMenu(key: string) {
z-index: 10; z-index: 10;
background-color: rgba(var(--v-theme-background), 0.95); background-color: rgba(var(--v-theme-background), 0.95);
backdrop-filter: blur(10px); backdrop-filter: blur(10px);
} }
.search-header-mobile { .search-header-mobile {