GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-09-05 15:36:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

优化 Footer 组件中的动态按钮样式，调整按钮属性设置，更新图标颜色以提升视觉效果和用户体验。

Browse Source
This commit is contained in:
jxxghp
2025-04-22 07:09:03 +08:00
parent ef2df85faf
commit 8ce09ecf79
5 changed files with 11 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/dialog/ProgressDialog.vue
+1 -1
View File
@@ -7,7 +7,7 @@ const props = defineProps({
<template> <template>
<!-- 手动整理进度框 --> <!-- 手动整理进度框 -->
<VDialog :scrim="false" width="25rem"> <VDialog :scrim="false" width="25rem">
<VCard color="primary" rounded="md"> <VCard elevation="3" color="primary">
<VCardText class="text-center"> <VCardText class="text-center">
{{ props.text }} {{ props.text }}
<VProgressLinear color="white" class="mb-0 mt-1" :model-value="props.value" indeterminate /> <VProgressLinear color="white" class="mb-0 mt-1" :model-value="props.value" indeterminate />
src/styles/styles.scss
+1
View File
@@ -404,6 +404,7 @@ html.v-overlay-scroll-blocked {
html[data-theme="transparent"] { html[data-theme="transparent"] {
.v-overlay__content { .v-overlay__content {
backdrop-filter: blur(10px) !important; backdrop-filter: blur(10px) !important;
border-radius: 12px !important;
.v-list { .v-list {
backdrop-filter: blur(10px); backdrop-filter: blur(10px);
src/views/plugin/PluginCardListView.vue
+2 -2
View File
@@ -353,7 +353,7 @@ async function refreshData() {
} }
// 对uninstalledList进行排序到sortedUninstalledList // 对uninstalledList进行排序到sortedUninstalledList
watch([marketList, filterForm], () => { watch([marketList, filterForm, activeSort], () => {
// 匹配过滤函数 // 匹配过滤函数
const match = (filter: Array<string>, value: string | undefined) => const match = (filter: Array<string>, value: string | undefined) =>
filter.length === 0 || (value && filter.includes(value)) filter.length === 0 || (value && filter.includes(value))
@@ -577,7 +577,7 @@ useDynamicButton({
clearable clearable
/> />
</VCol> </VCol>
<VCol v-if="repoFilterOptions.length > 0" cols="12" md="6"> <VCol v-if="sortOptions.length > 0" cols="12" md="6">
<VSelect v-model="activeSort" :items="sortOptions" density="comfortable" label="排序" /> <VSelect v-model="activeSort" :items="sortOptions" density="comfortable" label="排序" />
</VCol> </VCol>
</VRow> </VRow>
src/views/torrent/TorrentCardListView.vue
+3 -3
View File
@@ -523,10 +523,10 @@ function loadMore({ done }: { done: any }) {
</div> </div>
</VCard> </VCard>
<!-- 筛选菜单 --> <!-- 筛选弹窗 -->
<VDialog v-model="filterMenuOpen" max-width="25rem" max-height="80%" location="center"> <VDialog v-model="filterMenuOpen" max-width="25rem" max-height="80%" location="center">
<VCard> <VCard>
<VCardTitle class="py-2 d-flex align-center"> <VCardTitle class="py-3 d-flex align-center">
<VIcon :icon="getFilterIcon(currentFilter)" class="me-2"></VIcon> <VIcon :icon="getFilterIcon(currentFilter)" class="me-2"></VIcon>
<span>{{ currentFilterTitle }}</span> <span>{{ currentFilterTitle }}</span>
<VSpacer /> <VSpacer />
@@ -701,7 +701,7 @@ function loadMore({ done }: { done: any }) {
justify-content: center; justify-content: center;
border: 1px solid rgba(var(--v-theme-on-surface), 0.08); border: 1px solid rgba(var(--v-theme-on-surface), 0.08);
border-radius: 8px; border-radius: 8px;
background-color: rgba(var(--v-theme-surface), 1); background-color: rgba(var(--v-theme-surface), 0.5);
block-size: auto; block-size: auto;
min-block-size: 48px; min-block-size: 48px;
padding-block: 4px; padding-block: 4px;
src/views/torrent/TorrentRowListView.vue
+4 -4
View File
@@ -294,7 +294,7 @@ function getFilterIcon(key: string) {
// 全选某个过滤项 // 全选某个过滤项
function selectAll(key: string) { function selectAll(key: string) {
if (key === 'season') { if (key === 'season') {
filterForm[key] = [...sortSeasonFilterOptions.value] filterForm[key] = [...filterOptions[key]]
} else { } else {
filterForm[key] = [...filterOptions[key]] filterForm[key] = [...filterOptions[key]]
} }
@@ -502,10 +502,10 @@ onMounted(() => {
</div> </div>
</VCard> </VCard>
<!-- 筛选菜单 --> <!-- 筛选弹窗 -->
<VDialog v-model="filterMenuOpen" max-width="25rem" max-height="80%" location="center"> <VDialog v-model="filterMenuOpen" max-width="25rem" max-height="80%" location="center">
<VCard> <VCard>
<VCardTitle class="py-2 d-flex align-center"> <VCardTitle class="py-3 d-flex align-center">
<VIcon :icon="getFilterIcon(currentFilter)" class="me-2"></VIcon> <VIcon :icon="getFilterIcon(currentFilter)" class="me-2"></VIcon>
<span>{{ currentFilterTitle }}</span> <span>{{ currentFilterTitle }}</span>
<VSpacer /> <VSpacer />
@@ -702,7 +702,7 @@ onMounted(() => {
justify-content: center; justify-content: center;
border: 1px solid rgba(var(--v-theme-on-surface), 0.08); border: 1px solid rgba(var(--v-theme-on-surface), 0.08);
border-radius: 8px; border-radius: 8px;
background-color: rgba(var(--v-theme-surface), 1); background-color: rgba(var(--v-theme-surface), 0.5);
block-size: auto; block-size: auto;
min-block-size: 48px; min-block-size: 48px;
padding-block: 4px; padding-block: 4px;