1、优化图片资源。2、调整话术。

src/views/myBenefits/benefitsIntrodctuion.vue

@@ -2,12 +2,12 @@
   <!-- 添加加载状态管理，初始隐藏 -->
   <div class="benefits-container" :class="{ visible: isPageVisible }" style="opacity: 0; transition: opacity 2.5s ease">
     <div class="banner-bg">
-      <img class="banner-img" src="@/assets/images/myBenefits/pageBg.png" alt="" />
+      <img class="banner-img" src="@/assets/images/myBenefits/pageBg.webp" alt="" />
     </div>
     <!-- 用户等级 -->
     <div class="user-level">
       <div class="user-level-bg">
-        <img class="user-level-bg-img" src="@/assets/images/myBenefits/userLevelBg.png" alt="" />
+        <img class="user-level-bg-img" src="@/assets/images/myBenefits/userLevelBg.webp" alt="" />
       </div>
       <div class="user-level-content">
         <div class="user-level-content-left">
@@ -45,7 +45,7 @@
     <!-- 半圆背景 -->
     <div class="post-circle">
       <div class="banner-bg">
-        <img class="banner-img" src="@/assets/images/myBenefits/leveltitle.png" alt="" />
+        <img class="banner-img" src="@/assets/images/myBenefits/leveltitle.webp" alt="" />
       </div>
       <div class="circle"></div>
       <!-- 弧形色块容器 -->
@@ -100,7 +100,7 @@
       </div>
       <div class="popupContent">
         <div class="bg">
-          <img src="@/assets/images/myBenefits/benefitlevel/vipCustomerLevepPopup.png" alt="" />
+          <img src="@/assets/images/myBenefits/benefitlevel/vipCustomerLevepPopup.webp" alt="" />
         </div>
 
         <div class="popupDiv">
@@ -145,7 +145,7 @@
                 </tr>
                 <tr>
                   <td>一星客户</td>
-                  <td>1(含) - 1万</td>
+                  <td>0(不含) - 1万</td>
                 </tr>
                 <tr>
                   <td>普通客户</td>
@@ -163,7 +163,7 @@
       </div>
       <div class="popupContent">
         <div class="bg">
-          <img src="@/assets/images/myBenefits/benefitlevel/premPopup.png" alt="" />
+          <img src="@/assets/images/myBenefits/benefitlevel/premPopup.webp" alt="" />
         </div>
 
         <div class="popupDiv">
@@ -428,7 +428,7 @@ export default {
                 return {
                   ...codeLabelObj,
                   // 保留原有的code等字段
-                  imageUrl: require('@/assets/images/myBenefits/benefitlevel/img' + (Number(index) + 1) + '.png'),
+                  imageUrl: require('@/assets/images/myBenefits/benefitlevel/img' + (Number(index) + 1) + '.webp'),
                   code: item.code,
                 }
               } catch (error) {

src/views/myBenefits/myBenefits.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="my-benefits-container">
     <div class="banner-bg">
-      <img class="banner-img" src="@/assets/images/myBenefits/bannerBg.png" alt="" />
+      <img class="banner-img" src="@/assets/images/myBenefits/bannerBg.webp" alt="" />
     </div>
     <div class="content-container">
       <!-- 用户信息卡片 -->
@@ -102,14 +102,14 @@ export default {
         customerLevel: '', // 添加默认等级
       },
       levelImages: {
-        0: require('@/assets/images/myBenefits/levelCard0.png'),
-        1: require('@/assets/images/myBenefits/levelCard1.png'),
-        2: require('@/assets/images/myBenefits/levelCard2.png'),
-        3: require('@/assets/images/myBenefits/levelCard3.png'),
-        4: require('@/assets/images/myBenefits/levelCard4.png'),
-        5: require('@/assets/images/myBenefits/levelCard5.png'),
-        6: require('@/assets/images/myBenefits/levelCard6.png'),
-        7: require('@/assets/images/myBenefits/levelCard7.png'),
+        0: require('@/assets/images/myBenefits/levelCard0.webp'),
+        1: require('@/assets/images/myBenefits/levelCard1.webp'),
+        2: require('@/assets/images/myBenefits/levelCard2.webp'),
+        3: require('@/assets/images/myBenefits/levelCard3.webp'),
+        4: require('@/assets/images/myBenefits/levelCard4.webp'),
+        5: require('@/assets/images/myBenefits/levelCard5.webp'),
+        6: require('@/assets/images/myBenefits/levelCard6.webp'),
+        7: require('@/assets/images/myBenefits/levelCard7.webp'),
       },
       serviceItems: [],
       allBenefitInfoList: [],