mirror of
https://github.com/jxxghp/MoviePilot-Frontend.git
synced 2026-09-06 16:16:42 +08:00
优化 FileList 组件的结构,调整搜索框样式和列表渲染方式,提升用户体验。同时,修复样式文件中卡片和列表的背景设置,确保在不同主题下的显示效果一致。
This commit is contained in:
@@ -559,7 +559,7 @@ onMounted(() => {
|
|||||||
hide-details
|
hide-details
|
||||||
flat
|
flat
|
||||||
density="compact"
|
density="compact"
|
||||||
variant="tonal"
|
variant="plain"
|
||||||
placeholder="搜索 ..."
|
placeholder="搜索 ..."
|
||||||
prepend-inner-icon="mdi-filter-outline"
|
prepend-inner-icon="mdi-filter-outline"
|
||||||
class="me-2"
|
class="me-2"
|
||||||
@@ -616,7 +616,7 @@ onMounted(() => {
|
|||||||
</VCardText>
|
</VCardText>
|
||||||
<!-- 目录和文件列表 -->
|
<!-- 目录和文件列表 -->
|
||||||
<VCardText v-else-if="dirs.length || files.length" class="p-0">
|
<VCardText v-else-if="dirs.length || files.length" class="p-0">
|
||||||
<div class="text-high-emphasis">
|
<VList class="text-high-emphasis">
|
||||||
<VVirtualScroll :items="[...dirs, ...files]" :style="listStyle">
|
<VVirtualScroll :items="[...dirs, ...files]" :style="listStyle">
|
||||||
<template #default="{ item }">
|
<template #default="{ item }">
|
||||||
<VHover>
|
<VHover>
|
||||||
@@ -678,7 +678,7 @@ onMounted(() => {
|
|||||||
</VHover>
|
</VHover>
|
||||||
</template>
|
</template>
|
||||||
</VVirtualScroll>
|
</VVirtualScroll>
|
||||||
</div>
|
</VList>
|
||||||
</VCardText>
|
</VCardText>
|
||||||
<VCardText v-else-if="filter" class="grow d-flex justify-center align-center grey--text py-5">
|
<VCardText v-else-if="filter" class="grow d-flex justify-center align-center grey--text py-5">
|
||||||
没有目录或文件
|
没有目录或文件
|
||||||
|
|||||||
+12
-8
@@ -335,12 +335,6 @@ html.v-overlay-scroll-blocked {
|
|||||||
.navbar-blur::after {
|
.navbar-blur::after {
|
||||||
background: transparent;
|
background: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
// 卡片
|
|
||||||
.v-card:not(.no-blur) {
|
|
||||||
backdrop-filter: blur(10px);
|
|
||||||
background-color: rgba(var(--v-theme-surface), 0.3);
|
|
||||||
}
|
|
||||||
|
|
||||||
// 列表
|
// 列表
|
||||||
.v-list {
|
.v-list {
|
||||||
@@ -348,6 +342,16 @@ html.v-overlay-scroll-blocked {
|
|||||||
background-color: rgba(var(--v-theme-surface), 0.3);
|
background-color: rgba(var(--v-theme-surface), 0.3);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 卡片
|
||||||
|
.v-card:not(.no-blur) {
|
||||||
|
backdrop-filter: blur(10px);
|
||||||
|
background-color: rgba(var(--v-theme-surface), 0.3);
|
||||||
|
|
||||||
|
.v-list {
|
||||||
|
background-color: transparent;
|
||||||
|
backdrop-filter: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
// 工具栏
|
// 工具栏
|
||||||
.v-toolbar {
|
.v-toolbar {
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
@@ -392,12 +396,12 @@ html[data-theme="transparent"] {
|
|||||||
.v-overlay__content {
|
.v-overlay__content {
|
||||||
backdrop-filter: blur(10px) !important;
|
backdrop-filter: blur(10px) !important;
|
||||||
|
|
||||||
.v-card:not(.bg-primary) {
|
.v-list {
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
background-color: rgb(var(--v-theme-surface), 0.5) !important;
|
background-color: rgb(var(--v-theme-surface), 0.5) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.v-list {
|
.v-card:not(.bg-primary) {
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
background-color: rgb(var(--v-theme-surface), 0.5) !important;
|
background-color: rgb(var(--v-theme-surface), 0.5) !important;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user