From 5026c6499627c4df8a1b658210078f7fd2fece80 Mon Sep 17 00:00:00 2001
From: yangzhe <yangzhe@qq.com>
Date: Tue, 8 Apr 2025 15:11:01 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E4=BF=9D=E6=B4=81=E8=AE=A1=E5=88=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/index/planList.vue | 21 +++++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/pages/index/planList.vue b/pages/index/planList.vue
index 06c7f06..36b05e2 100644
--- a/pages/index/planList.vue
+++ b/pages/index/planList.vue
@@ -25,12 +25,9 @@
 
     <view
       class="selectTab"
-      :style="{
-        backgroundImage: `url(${
-          activeTab === 'completed'
-            ? '/static/images/plan-tab1.png'
-            : '/static/images/plan-tab2.png'
-        })`,
+      :class="{
+        'tab-completed': activeTab === 'completed',
+        'tab-incomplete': activeTab === 'incomplete',
       }"
     >
       <view
@@ -112,6 +109,9 @@ export default {
     display: flex;
     // background: url("@/static/images/plan-tab2.png") no-repeat 0 0;
     background-size: 100% 100%;
+    background-repeat: no-repeat;
+    background-position: 0 0;
+    transition: opacity 0.3s ease;
     border-radius: 16rpx;
     padding: 32rpx 0;
     margin: 0 32rpx 32rpx;
@@ -170,6 +170,15 @@ export default {
       }
     }
   }
+
+  .tab-completed {
+    background-image: url("/static/images/plan-tab1.png");
+  }
+
+  .tab-incomplete {
+    background-image: url("/static/images/plan-tab2.png");
+  }
+
   .planList {
     padding: 0 32rpx;
     .plan-item {