This commit is contained in:
jxxghp
2025-05-13 19:14:13 +08:00
parent 7e3e850e21
commit e73d906564
2 changed files with 24 additions and 8 deletions
+12 -4
View File
@@ -411,7 +411,9 @@ const handleSortIconClick = () => {
> >
<template #prepend-inner> <template #prepend-inner>
<!-- 添加排序点击事件 --> <!-- 添加排序点击事件 -->
<v-icon @mousedown.stop.prevent="handleSortIconClick">mdi-sort</v-icon> <VIcon @mousedown.stop.prevent="handleSortIconClick">
{{ sortType === 'asc' ? 'mdi-sort-ascending' : 'mdi-sort-descending' }}
</VIcon>
</template> </template>
</VSelect> </VSelect>
</div> </div>
@@ -548,9 +550,15 @@ const handleSortIconClick = () => {
density="compact" density="compact"
hide-details hide-details
class="mobile-sort-select" class="mobile-sort-select"
prepend-icon="mdi-sort"
variant="plain" variant="plain"
></VSelect> >
<template #prepend-inner>
<!-- 添加排序点击事件 -->
<VIcon @mousedown.stop.prevent="handleSortIconClick">
{{ sortType === 'asc' ? 'mdi-sort-ascending' : 'mdi-sort-descending' }}
</VIcon>
</template>
</VSelect>
</div> </div>
<!-- 筛选图标按钮区域 --> <!-- 筛选图标按钮区域 -->
@@ -840,7 +848,7 @@ const handleSortIconClick = () => {
.mobile-sort-select { .mobile-sort-select {
max-inline-size: 130px; max-inline-size: 130px;
min-inline-size: 110px; min-inline-size: 80px;
} }
.filter-buttons-grid { .filter-buttons-grid {
+12 -4
View File
@@ -389,7 +389,9 @@ onMounted(() => {
> >
<template #prepend-inner> <template #prepend-inner>
<!-- 添加排序点击事件 --> <!-- 添加排序点击事件 -->
<v-icon @mousedown.stop.prevent="handleSortIconClick">mdi-sort</v-icon> <VIcon @mousedown.stop.prevent="handleSortIconClick">
{{ sortType === 'asc' ? 'mdi-sort-ascending' : 'mdi-sort-descending' }}
</VIcon>
</template> </template>
</VSelect> </VSelect>
<div class="filter-divider"></div> <div class="filter-divider"></div>
@@ -524,9 +526,15 @@ onMounted(() => {
density="compact" density="compact"
hide-details hide-details
class="mobile-sort-select" class="mobile-sort-select"
prepend-icon="mdi-sort"
variant="plain" variant="plain"
></VSelect> >
<template #prepend-inner>
<!-- 添加排序点击事件 -->
<VIcon @mousedown.stop.prevent="handleSortIconClick">
{{ sortType === 'asc' ? 'mdi-sort-ascending' : 'mdi-sort-descending' }}
</VIcon>
</template>
</VSelect>
</div> </div>
<!-- 筛选图标按钮区域 --> <!-- 筛选图标按钮区域 -->
@@ -866,7 +874,7 @@ onMounted(() => {
.mobile-sort-select { .mobile-sort-select {
max-inline-size: 130px; max-inline-size: 130px;
min-inline-size: 110px; min-inline-size: 80px;
} }
.all-filters-grid { .all-filters-grid {