raffle tabimg

pages/raffle/raffle.vue

@@ -23,20 +23,64 @@
     </uni-swiper-dot>
     <view class="tabs">
       <view class="tab" @click="clickTab(1)">
-        <image class="tabImg" :src="tabImg(1)" mode="widthFix"></image>
+        <image
+          class="tabImg"
+          v-show="tabActive == 1"
+          src="https://file.rongcyl.cn/festatic/bkm/imgv2/raffle/tab1a.png"
+          mode="widthFix"
+        />
+        <image
+          class="tabImg"
+          v-show="tabActive != 1"
+          src="https://file.rongcyl.cn/festatic/bkm/imgv2/raffle/tab1.png"
+          mode="widthFix"
+        />
       </view>
       <view class="tab" @click="clickTab(2)">
-        <image class="tabImg" :src="tabImg(2)" mode="widthFix"></image>
+        <image
+          class="tabImg"
+          v-show="tabActive == 2"
+          src="https://file.rongcyl.cn/festatic/bkm/imgv2/raffle/tab2a.png"
+          mode="widthFix"
+        />
+        <image
+          class="tabImg"
+          v-show="tabActive != 2"
+          src="https://file.rongcyl.cn/festatic/bkm/imgv2/raffle/tab2.png"
+          mode="widthFix"
+        />
       </view>
       <view class="tab" @click="clickTab(3)">
-        <image class="tabImg" :src="tabImg(3)" mode="widthFix"></image>
+        <image
+          class="tabImg"
+          v-show="tabActive == 3"
+          src="https://file.rongcyl.cn/festatic/bkm/imgv2/raffle/tab3a.png"
+          mode="widthFix"
+        />
+        <image
+          class="tabImg"
+          v-show="tabActive != 3"
+          src="https://file.rongcyl.cn/festatic/bkm/imgv2/raffle/tab3.png"
+          mode="widthFix"
+        />
       </view>
       <view class="tab" @click="clickTab(4)">
-        <image class="tabImg" :src="tabImg(4)" mode="widthFix"></image>
+        <image
+          class="tabImg"
+          v-show="tabActive == 4"
+          src="https://file.rongcyl.cn/festatic/bkm/imgv2/raffle/tab4a.png"
+          mode="widthFix"
+        />
+        <image
+          class="tabImg"
+          v-show="tabActive != 4"
+          src="https://file.rongcyl.cn/festatic/bkm/imgv2/raffle/tab4.png"
+          mode="widthFix"
+        />
       </view>
     </view>
     <view class="list" v-if="tabActive == 1">
-      <view class="kabk" v-for="(item, index) in list" @click="toDrawCard({ id: item.id })">
+      <view class="kabk" v-for="(item, index) in list" @click="toDrawCard({ id: item.id })" :key="index">
         <view class="ka1">
           <image class="leftImg" :src="item.icon" mode="aspectFill"></image>
           <view class="rightInfo">
@@ -50,10 +94,17 @@
               </span>
             </view>
             <view class="row prizes">
-              <image v-for="(item2, index2) in item.prizeIconList" class="prize" :src="item2" mode="aspectFill"></image>
+              <image
+                v-for="(item2, index2) in item.prizeIconList"
+                class="prize"
+                :src="item2"
+                mode="aspectFill"
+                :key="index2"
+              ></image>
             </view>
             <view class="tags">
               <image
+                :key="index3"
                 v-for="(item3, index3) in item.subType"
                 :class="['tag', 'tag_' + index3]"
                 :src="$fileUrl() + `/raffle/tag${subType(item3)}.png`"
@@ -65,7 +116,7 @@
       </view>
     </view>
     <view class="list2" v-if="tabActive == 2">
-      <view class="ka" v-for="(item, index) in list" @click="toDrawCard({ id: item.id })">
+      <view class="ka" v-for="(item, index) in list" @click="toDrawCard({ id: item.id })" :key="index">
         <view class="top">
           <image mode="aspectFit" :src="item.icon"></image>
         </view>
@@ -81,7 +132,7 @@
       </view>
     </view>
     <view class="list2 three" v-if="tabActive > 2">
-      <view class="ka" v-for="(item, index) in list" @click="toDrawCard({ id: item.id })">
+      <view class="ka" v-for="(item, index) in list" @click="toDrawCard({ id: item.id })" :key="index">
         <view class="top">
           <image mode="aspectFit" :src="item.icon"></image>
         </view>