更新多个组件的样式和功能:在 PluginCard.vue 中调整更新日志对话框的最大高度;在 TorrentCard.vue 中替换图片组件为 VImg,并添加打开详细信息的图标;在 resource.vue 中提升进度条卡片的阴影效果;在 vuetify 默认设置中为 VDialog 添加阴影和圆角;在样式文件中为选项卡激活状态添加背景色。

This commit is contained in:
jxxghp
2025-04-21 12:47:20 +08:00
parent 5753d4ff07
commit c2381deb9f
5 changed files with 20 additions and 3 deletions
+1 -1
View File
@@ -436,7 +436,7 @@ watch(
<ProgressDialog v-if="progressDialog" v-model="progressDialog" :text="progressText" /> <ProgressDialog v-if="progressDialog" v-model="progressDialog" :text="progressText" />
<!-- 更新日志 --> <!-- 更新日志 -->
<VDialog v-if="releaseDialog" v-model="releaseDialog" width="600" scrollable> <VDialog v-if="releaseDialog" v-model="releaseDialog" width="600" max-height="80vh" scrollable>
<VCard :title="`${props.plugin?.plugin_name} 更新说明`"> <VCard :title="`${props.plugin?.plugin_name} 更新说明`">
<VDialogCloseBtn @click="releaseDialog = false" /> <VDialogCloseBtn @click="releaseDialog = false" />
<VDivider /> <VDivider />
+10 -1
View File
@@ -283,7 +283,7 @@ onMounted(() => {
> >
<template v-slot:prepend> <template v-slot:prepend>
<div class="d-flex align-center gap-1"> <div class="d-flex align-center gap-1">
<img <VImg
v-if="siteIcons[item.torrent_info?.site || 0]" v-if="siteIcons[item.torrent_info?.site || 0]"
:src="siteIcons[item.torrent_info?.site || 0]" :src="siteIcons[item.torrent_info?.site || 0]"
:alt="item.torrent_info?.site_name" :alt="item.torrent_info?.site_name"
@@ -331,6 +331,15 @@ onMounted(() => {
<VIcon size="small" color="success" icon="mdi-arrow-up" class="mr-1"></VIcon> <VIcon size="small" color="success" icon="mdi-arrow-up" class="mr-1"></VIcon>
{{ item.torrent_info?.seeders }} {{ item.torrent_info?.seeders }}
</span> </span>
<span>
<VIcon
@click.stop="openTorrentDetail(item)"
size="small"
color="secondary"
icon="mdi-arrow-top-right"
class="mr-1"
></VIcon>
</span>
</div> </div>
</template> </template>
</VListItem> </VListItem>
+1 -1
View File
@@ -183,7 +183,7 @@ onUnmounted(() => {
<!-- 加载进度条 --> <!-- 加载进度条 -->
<VFadeTransition> <VFadeTransition>
<div v-if="progressValue > 0" class="search-progress-container"> <div v-if="progressValue > 0" class="search-progress-container">
<VCard class="search-progress-card"> <VCard elevation="3" class="search-progress-card">
<div class="progress-header"> <div class="progress-header">
<VIcon icon="mdi-movie-search" color="primary" size="small" class="me-2" /> <VIcon icon="mdi-movie-search" color="primary" size="small" class="me-2" />
<span class="progress-title">{{ progressText }}</span> <span class="progress-title">{{ progressText }}</span>
+4
View File
@@ -41,6 +41,10 @@ export default {
VBottomSheet: { VBottomSheet: {
elevation: 0, elevation: 0,
}, },
VDialog: {
elevation: 0,
rounded: 'lg',
},
VExpansionPanels: { VExpansionPanels: {
elevation: 0, elevation: 0,
}, },
+4
View File
@@ -393,6 +393,10 @@ html.v-overlay-scroll-blocked {
backdrop-filter: blur(10px); backdrop-filter: blur(10px);
background-color: rgba(var(--v-theme-surface), 0.3); background-color: rgba(var(--v-theme-surface), 0.3);
} }
.v-tabs.v-tabs-pill .v-slide-group-item--active.v-tab--selected.text-primary {
background-color: rgba(var(--v-theme-primary), 0.7) !important;
}
} }
// 透明主题下的弹出窗口样式 // 透明主题下的弹出窗口样式