Просмотр исходного кода

fix(SalesHome): 任务提醒按钮添加 active:bg-gray-50 等效效果

使用 scoped .task-reminder-btn 类替代 Tailwind active: 变体,
避免 WXSS 转义选择器错误。保留 transition-colors 行为。

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
xuyunhui 1 неделя назад
Родитель
Сommit
9cde8f06cf
1 измененных файлов с 6 добавлено и 3 удалено
  1. 6 3
      src/components/home/SalesHome.vue

+ 6 - 3
src/components/home/SalesHome.vue

@@ -69,7 +69,7 @@
 
       <!-- 任务提醒入口 -->
       <button
-        class="w-full py-3 bg-white border border-gray-200 text-gray-600 rounded-xl text-sm font-medium flex items-center justify-center tap-feedback"
+        class="w-full py-3 bg-white border border-gray-200 text-gray-600 rounded-xl text-sm font-medium flex items-center justify-center task-reminder-btn"
         @click="goToTaskReminder"
       >
         <text class="uni-icons uniui-notification-filled mr-2 text-gray-500"></text>
@@ -251,7 +251,10 @@ onMounted(() => {
 .tap-feedback {
   transition: transform 0.15s ease;
 }
-.tap-feedback:active {
-  transform: scale(0.95);
+.task-reminder-btn {
+  transition: background-color 0.15s ease;
+}
+.task-reminder-btn:active {
+  background-color: #f9fafb;
 }
 </style>