mirror of
https://github.com/jxxghp/MoviePilot-Frontend.git
synced 2026-09-05 23:56:42 +08:00
更新多个组件的样式和功能:在 PluginCard.vue 中调整更新日志对话框的最大高度;在 TorrentCard.vue 中替换图片组件为 VImg,并添加打开详细信息的图标;在 resource.vue 中提升进度条卡片的阴影效果;在 vuetify 默认设置中为 VDialog 添加阴影和圆角;在样式文件中为选项卡激活状态添加背景色。
This commit is contained in:
@@ -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 />
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -41,6 +41,10 @@ export default {
|
|||||||
VBottomSheet: {
|
VBottomSheet: {
|
||||||
elevation: 0,
|
elevation: 0,
|
||||||
},
|
},
|
||||||
|
VDialog: {
|
||||||
|
elevation: 0,
|
||||||
|
rounded: 'lg',
|
||||||
|
},
|
||||||
VExpansionPanels: {
|
VExpansionPanels: {
|
||||||
elevation: 0,
|
elevation: 0,
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 透明主题下的弹出窗口样式
|
// 透明主题下的弹出窗口样式
|
||||||
|
|||||||
Reference in New Issue
Block a user