test(图片缓存功能): 针对静态图片缓存进行测试

src/components/itemCenter.vue

@@ -1,7 +1,7 @@
 <template>
   <div style="position: relative; width: 100%">
     <!-- 背景图 -->
-    <img :src="imgUrl" alt="" width="100%" style="display: block" />
+    <img v-smart-img :src="imgUrl" alt="" width="100%" style="display: block" />
     <!-- 内容 -->
     <div
       style="

src/views/Activities/Oman/NationalDay/components/topUser.vue

@@ -2,6 +2,7 @@
   <div style="width: 100%">
     <div style="position: relative">
       <img
+        v-smart-img
         :src="BorderImgUrl"
         alt=""
         width="100%"
@@ -23,6 +24,7 @@
       >
         <div :style="{ width: isTopOne ? '31%' : '58%' }">
           <img
+            v-smart-img
             :src="avatarUrl || ''"
             alt=""
             width="100%"
@@ -81,6 +83,7 @@
           }"
         >
           <img
+            v-smart-img
             src="/src/assets/icon/coin.png"
             alt=""
             style="display: block"

src/views/Activities/Oman/NationalDay/index.vue

@@ -12,6 +12,7 @@
       <div style="margin-top: 80vw; display: flex; justify-content: flex-end; align-items: center">
         <!-- 帮助按钮 -->
         <img
+          v-smart-img
           :src="images.help"
           alt=""
           style="display: block; position: relative; width: 10%; margin-right: 8px"
@@ -57,6 +58,7 @@
             >
               <itemCenter :imgUrl="images.giftItemBg"
                 ><img
+                  v-smart-img
                   :src="gift.giftPhoto"
                   alt=""
                   width="70%"
@@ -64,6 +66,7 @@
               /></itemCenter>
               <div style="display: flex; justify-content: center; align-items: center; gap: 5px">
                 <img
+                  v-smart-img
                   src="/src/assets/icon/coin.png"
                   alt=""
                   style="display: block; width: 25%; aspect-ratio: 1/1"
@@ -80,12 +83,14 @@
       <!-- 切换按钮 -->
       <div style="display: flex; justify-content: space-around">
         <img
+          v-smart-img
           :src="rankingShow ? images.rankingBtActive : images.rankingBt"
           alt=""
           style="display: block; width: 40%"
           @click="rankingShow = true"
         />
         <img
+          v-smart-img
           :src="!rankingShow ? images.rewardBtActive : images.rewardsBt"
           alt=""
           style="display: block; width: 40%"
@@ -160,6 +165,7 @@
                     {{ listItem?.rank }}
                   </div>
                   <img
+                    v-smart-img
                     :src="listItem?.avatar || ''"
                     alt=""
                     style="
@@ -202,6 +208,7 @@
 
                 <div style="flex: 1; min-width: 0; display: flex; align-items: center">
                   <img
+                    v-smart-img
                     src="/src/assets/icon/coin.png"
                     alt=""
                     style="display: block; width: 30%; aspect-ratio: 1/1; object-fit: cover"
@@ -215,6 +222,7 @@
 
             <!-- 底框 -->
             <img
+              v-smart-img
               :src="images.RankingBottomBorder"
               alt=""
               width="100%"
@@ -244,6 +252,7 @@
               >
                 <itemCenter :imgUrl="images.giftItemBg">
                   <img
+                    v-smart-img
                     :src="reward.cover || ''"
                     alt=""
                     width="70%"
@@ -293,6 +302,7 @@
           </div>
           <!-- 头像 -->
           <img
+            v-smart-img
             :src="myRanking.avatar || ''"
             alt=""
             style="
@@ -335,6 +345,7 @@
           style="flex: 1; min-width: 0; display: flex; justify-content: center; align-items: center"
         >
           <img
+            v-smart-img
             src="/src/assets/icon/coin.png"
             alt=""
             style="display: block; width: 30%; aspect-ratio: 1/1; object-fit: cover"
@@ -349,7 +360,7 @@
       <maskLayer :maskLayerShow="maskLayerShow" @click="maskLayerShow = false">
         <!-- help弹窗 -->
         <div style="margin: 20% 0" @click.stop>
-          <img :src="images.helpInfo" alt="" style="display: block; width: 100%" />
+          <img v-smart-img :src="images.helpInfo" alt="" style="display: block; width: 100%" />
         </div>
       </maskLayer>
     </div>