|
@@ -9,12 +9,14 @@
|
|
|
</TopBar>
|
|
</TopBar>
|
|
|
|
|
|
|
|
<!-- 筛选标签 -->
|
|
<!-- 筛选标签 -->
|
|
|
- <view class="bg-white px-4 py-3 flex gap-2 overflow-x-auto hide-scrollbar border-b border-gray-200">
|
|
|
|
|
|
|
+ <view class="bg-white px-4 py-3 flex gap-2 overflow-x-auto hide-scrollbar">
|
|
|
<view
|
|
<view
|
|
|
v-for="status in filterStatuses"
|
|
v-for="status in filterStatuses"
|
|
|
:key="status.value"
|
|
:key="status.value"
|
|
|
- class="filter-tab px-3 py-2 rounded-full text-sm whitespace-nowrap transition-colors"
|
|
|
|
|
|
|
+ class="filter-tab px-3 py-2 rounded-full text-sm whitespace-nowrap transition-all duration-150"
|
|
|
:class="currentFilter === status.value ? 'bg-primary text-white' : 'bg-surface text-gray-500'"
|
|
:class="currentFilter === status.value ? 'bg-primary text-white' : 'bg-surface text-gray-500'"
|
|
|
|
|
+ hover-class="scale-down"
|
|
|
|
|
+ :hover-stay-time="150"
|
|
|
@click="currentFilter = status.value"
|
|
@click="currentFilter = status.value"
|
|
|
>
|
|
>
|
|
|
{{ status.label }}
|
|
{{ status.label }}
|