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

This commit is contained in:
jxxghp
2025-04-20 18:19:10 +08:00
parent ef2df85faf
commit 8ce09ecf79
5 changed files with 11 additions and 10 deletions

View File

@@ -353,7 +353,7 @@ async function refreshData() {
}
// 对uninstalledList进行排序到sortedUninstalledList
watch([marketList, filterForm], () => {
watch([marketList, filterForm, activeSort], () => {
// 匹配过滤函数
const match = (filter: Array<string>, value: string | undefined) =>
filter.length === 0 || (value && filter.includes(value))
@@ -577,7 +577,7 @@ useDynamicButton({
clearable
/>
</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="排序" />
</VCol>
</VRow>

View File

@@ -523,10 +523,10 @@ function loadMore({ done }: { done: any }) {
</div>
</VCard>
<!-- 筛选菜单 -->
<!-- 筛选弹窗 -->
<VDialog v-model="filterMenuOpen" max-width="25rem" max-height="80%" location="center">
<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>
<span>{{ currentFilterTitle }}</span>
<VSpacer />
@@ -701,7 +701,7 @@ function loadMore({ done }: { done: any }) {
justify-content: center;
border: 1px solid rgba(var(--v-theme-on-surface), 0.08);
border-radius: 8px;
background-color: rgba(var(--v-theme-surface), 1);
background-color: rgba(var(--v-theme-surface), 0.5);
block-size: auto;
min-block-size: 48px;
padding-block: 4px;

View File

@@ -294,7 +294,7 @@ function getFilterIcon(key: string) {
// 全选某个过滤项
function selectAll(key: string) {
if (key === 'season') {
filterForm[key] = [...sortSeasonFilterOptions.value]
filterForm[key] = [...filterOptions[key]]
} else {
filterForm[key] = [...filterOptions[key]]
}
@@ -502,10 +502,10 @@ onMounted(() => {
</div>
</VCard>
<!-- 筛选菜单 -->
<!-- 筛选弹窗 -->
<VDialog v-model="filterMenuOpen" max-width="25rem" max-height="80%" location="center">
<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>
<span>{{ currentFilterTitle }}</span>
<VSpacer />
@@ -702,7 +702,7 @@ onMounted(() => {
justify-content: center;
border: 1px solid rgba(var(--v-theme-on-surface), 0.08);
border-radius: 8px;
background-color: rgba(var(--v-theme-surface), 1);
background-color: rgba(var(--v-theme-surface), 0.5);
block-size: auto;
min-block-size: 48px;
padding-block: 4px;