Quellcode durchsuchen

feat(task-list): refine filter tab styles and active feedback

xuyunhui vor 1 Woche
Ursprung
Commit
c8eb01f921
1 geänderte Dateien mit 4 neuen und 2 gelöschten Zeilen
  1. 4 2
      src/components/task/TaskListView.vue

+ 4 - 2
src/components/task/TaskListView.vue

@@ -9,12 +9,14 @@
     </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
         v-for="status in filterStatuses"
         :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'"
+        hover-class="scale-down"
+        :hover-stay-time="150"
         @click="currentFilter = status.value"
       >
         {{ status.label }}