From fff92b6c3db42026cd3230414f87f4e73548dcb1 Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Wed, 25 Feb 2026 16:29:17 +0800
Subject: [PATCH] =?UTF-8?q?feat(CP=E6=B4=BB=E5=8A=A8):=20=E5=8F=96?=
 =?UTF-8?q?=E6=B6=88=E7=BD=91=E7=BB=9C=E5=9B=BE=E7=89=87=E7=9A=84=E5=9B=BE?=
 =?UTF-8?q?=E7=89=87=E6=8C=87=E4=BB=A4=EF=BC=8C=E5=87=8F=E5=B0=91=E8=AF=B7?=
 =?UTF-8?q?=E6=B1=82=E8=B4=9F=E6=8B=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Activities/JackPot/components/topUser.vue |   5 +-
 src/views/Activities/JackPot/index.vue        |   3 -
 .../Season3/components/Barrage.vue            |   1 -
 .../Season3/components/topUser.vue            |   1 -
 .../Activities/LuckyDollars/Season3/index.vue |  13 +-
 .../Activities/NewYear/components/Barrage.vue | 408 +++++++++---------
 .../Activities/NewYear/components/topUser.vue |   1 -
 src/views/Activities/NewYear/index.vue        |   8 -
 .../Activities/Reward/RechargeReward.vue      |   1 -
 .../Activities/SpringFestival/Ranking.vue     |   1 -
 .../SpringFestival/RankingReward.vue          |   1 -
 .../SpringFestival/RechargeReward.vue         |   2 -
 src/views/Activities/SpringFestival/Task.vue  |   3 -
 .../SpringFestival/components/topUser.vue     |   1 -
 src/views/Activities/SpringFestival/index.vue |   3 -
 .../AgencyCenter/components/TeamBillMore.vue  |   9 +-
 src/views/Invitation/InviteToRegister.vue     |   1 -
 .../Ranking/GamesKing/components/topUser.vue  |   1 -
 src/views/Ranking/GamesKing/index.vue         |   4 -
 src/views/Ranking/KingAndQueen/TopList.vue    |   6 +-
 src/views/Ranking/Overall/Ranking.vue         |   2 -
 .../Ranking/Overall/components/topUser.vue    |   3 +-
 src/views/Ranking/WeeklyStar/WeeklyStar.vue   |   7 -
 .../Ranking/WeeklyStar/components/topUser.vue |   1 -
 src/views/Wallet/Transfer/Transfer.vue        |   3 +-
 25 files changed, 226 insertions(+), 263 deletions(-)

diff --git a/src/views/Activities/JackPot/components/topUser.vue b/src/views/Activities/JackPot/components/topUser.vue
index 21468f4..bca3615 100644
--- a/src/views/Activities/JackPot/components/topUser.vue
+++ b/src/views/Activities/JackPot/components/topUser.vue
@@ -24,7 +24,6 @@
       >
         <div :style="{ width: avatarWidth }">
           <img
-            v-smart-img
             :src="avatarUrl || ''"
             alt=""
             width="100%"
@@ -79,8 +78,8 @@
               ranking == '1'
                 ? `linear-gradient(270deg, #AD1300 0%, #FE280C 50%, #AD1300 100%)`
                 : ranking == '2'
-                ? `linear-gradient(270deg, #A3FDF9 0%, #1D7BBD 50%, #A3FDF9 100%)`
-                : `linear-gradient(270deg, #F5EAE4 0%, #F9C29E 50%, #F5EAE4 100%)`,
+                  ? `linear-gradient(270deg, #A3FDF9 0%, #1D7BBD 50%, #A3FDF9 100%)`
+                  : `linear-gradient(270deg, #F5EAE4 0%, #F9C29E 50%, #F5EAE4 100%)`,
           }"
         >
           <img
diff --git a/src/views/Activities/JackPot/index.vue b/src/views/Activities/JackPot/index.vue
index 4581be8..6de2723 100644
--- a/src/views/Activities/JackPot/index.vue
+++ b/src/views/Activities/JackPot/index.vue
@@ -203,7 +203,6 @@
 
                     <!-- 头像 -->
                     <img
-                      v-smart-img
                       :src="listItem?.avatar || ''"
                       alt=""
                       style="
@@ -306,7 +305,6 @@
                   >
                     <!-- 奖励图片 -->
                     <img
-                      v-smart-img
                       :src="reward.cover || ''"
                       alt=""
                       style="display: block; width: 70%; object-fit: cover"
@@ -363,7 +361,6 @@
 
             <!-- 头像 -->
             <img
-              v-smart-img
               :src="myRanking.avatar || ''"
               alt=""
               style="
diff --git a/src/views/Activities/LuckyDollars/Season3/components/Barrage.vue b/src/views/Activities/LuckyDollars/Season3/components/Barrage.vue
index eb2d909..955bd7b 100644
--- a/src/views/Activities/LuckyDollars/Season3/components/Barrage.vue
+++ b/src/views/Activities/LuckyDollars/Season3/components/Barrage.vue
@@ -27,7 +27,6 @@
         @animationend="handleAnimationEnd(item.id)"
       >
         <img
-          v-smart-img
           :src="item.avatar || ''"
           alt=""
           style="
diff --git a/src/views/Activities/LuckyDollars/Season3/components/topUser.vue b/src/views/Activities/LuckyDollars/Season3/components/topUser.vue
index f274ff1..d393713 100644
--- a/src/views/Activities/LuckyDollars/Season3/components/topUser.vue
+++ b/src/views/Activities/LuckyDollars/Season3/components/topUser.vue
@@ -24,7 +24,6 @@
       >
         <div :style="{ width: avatarWidth }">
           <img
-            v-smart-img
             :src="avatarUrl || ''"
             alt=""
             width="100%"
diff --git a/src/views/Activities/LuckyDollars/Season3/index.vue b/src/views/Activities/LuckyDollars/Season3/index.vue
index 3218c64..ef88854 100644
--- a/src/views/Activities/LuckyDollars/Season3/index.vue
+++ b/src/views/Activities/LuckyDollars/Season3/index.vue
@@ -102,7 +102,7 @@
                   style="width: 30%; display: flex; flex-direction: column"
                 >
                   <itemCenter :imgUrl="imageUrl('giftBg')">
-                    <img v-smart-img :src="gift.giftPhoto" alt="" width="50%" />
+                    <img :src="gift.giftPhoto" alt="" width="50%" />
                   </itemCenter>
                   <div
                     style="display: flex; justify-content: center; align-items: center; gap: 2px"
@@ -356,7 +356,6 @@
 
                       <!-- 头像 -->
                       <img
-                        v-smart-img
                         :src="listItem?.avatar || ''"
                         alt=""
                         style="
@@ -481,7 +480,6 @@
                           >
                             <!-- 预览图 -->
                             <img
-                              v-smart-img
                               v-if="item.cover != ''"
                               :src="item.cover"
                               alt=""
@@ -538,7 +536,6 @@
 
                     <!-- 头像 -->
                     <img
-                      v-smart-img
                       :src="listItem?.avatar || ''"
                       alt=""
                       style="
@@ -705,7 +702,6 @@
                   "
                 >
                   <img
-                    v-smart-img
                     :src="prize.prizeImage || ''"
                     :alt="prize.prizeName || ''"
                     width="70%"
@@ -904,7 +900,6 @@
                 <!-- 奖励图 -->
                 <img
                   v-for="Badge in RechargeBadgeInfo.rewardProps"
-                  v-smart-img
                   :src="Badge.cover || ''"
                   alt=""
                   style="display: block; width: 18vw"
@@ -1139,7 +1134,6 @@
             >
               <!-- 头像 -->
               <img
-                v-smart-img
                 :src="userInfo.userAvatar || ''"
                 alt=""
                 style="
@@ -1297,7 +1291,6 @@
                       <!-- 头像 -->
                       <div style="position: relative; width: 50px; margin-right: 12px">
                         <img
-                          v-smart-img
                           :src="selectedPayee.avatar || ''"
                           :alt="selectedPayee.name || ''"
                           style="width: 100%; object-fit: cover; border-radius: 50%"
@@ -1588,7 +1581,6 @@
 
             <!-- 头像 -->
             <img
-              v-smart-img
               :src="myRanking.avatar || ''"
               alt=""
               style="
@@ -1664,7 +1656,6 @@
               >
                 <!-- 奖品展示 -->
                 <img
-                  v-smart-img
                   :src="topReward.cover"
                   alt=""
                   style="width: 60%; display: block; object-fit: cover"
@@ -1736,7 +1727,6 @@
 
                   <!-- 奖品 -->
                   <img
-                    v-smart-img
                     :src="result[resultShowIndex]?.prize?.prizeImage"
                     alt=""
                     width="50%"
@@ -1830,7 +1820,6 @@
                   >
                     <div style="display: flex; align-items: center; gap: 4px">
                       <img
-                        v-smart-img
                         :src="record?.prize?.prizeImage || ''"
                         alt=""
                         style="width: 10vw; min-width: 0; object-fit: cover; display: block"
diff --git a/src/views/Activities/NewYear/components/Barrage.vue b/src/views/Activities/NewYear/components/Barrage.vue
index 27d138b..7f78ad2 100644
--- a/src/views/Activities/NewYear/components/Barrage.vue
+++ b/src/views/Activities/NewYear/components/Barrage.vue
@@ -1,10 +1,20 @@
 <!-- Barrage.vue 优化版 -->
 <template>
-  <div style="position: relative; width: 100%; height: 32vw; overflow: hidden; pointer-events: none">
+  <div
+    style="position: relative; width: 100%; height: 32vw; overflow: hidden; pointer-events: none"
+  >
     <!-- 双行弹幕轨道 -->
-    <div v-for="(track, index) in visibleTracks" :key="index" style="position: absolute; width: 100%; height: 50px"
-      :style="{ top: `calc(${index} * 16vw)` }">
-      <div v-for="item in track" :key="item.id" class="barrage-item" style="
+    <div
+      v-for="(track, index) in visibleTracks"
+      :key="index"
+      style="position: absolute; width: 100%; height: 50px"
+      :style="{ top: `calc(${index} * 16vw)` }"
+    >
+      <div
+        v-for="item in track"
+        :key="item.id"
+        class="barrage-item"
+        style="
           position: absolute;
           border-radius: 26px;
           padding: 4px;
@@ -12,21 +22,36 @@
           align-items: center;
           gap: 4px;
           backdrop-filter: blur(1px);
-        " :style="getBarrageStyle(item)" @animationend="handleAnimationEnd(item.id)">
-        <img v-smart-img :src="item.avatar || ''" alt="" style="
+        "
+        :style="getBarrageStyle(item)"
+        @animationend="handleAnimationEnd(item.id)"
+      >
+        <img
+          :src="item.avatar || ''"
+          alt=""
+          style="
             width: 10vw;
             border-radius: 50%;
             display: block;
             aspect-ratio: 1/1;
             object-fit: cover;
-          " @error="handleAvatarImageError" />
-        <div style="
+          "
+          @error="handleAvatarImageError"
+        />
+        <div
+          style="
             font-weight: 700;
             background-clip: text;
             -webkit-background-clip: text;
             -webkit-text-fill-color: transparent;
-            background-image: linear-gradient(180deg, #FFF9A9 26.92%, #ED7D0A 52.08%, #FFFAB5 73.08%)
-          ">
+            background-image: linear-gradient(
+              180deg,
+              #fff9a9 26.92%,
+              #ed7d0a 52.08%,
+              #fffab5 73.08%
+            );
+          "
+        >
           {{ barrageText(item) }}
         </div>
       </div>
@@ -35,227 +60,226 @@
 </template>
 
 <script setup>
-  import { ref, computed, onMounted, onUnmounted, watch } from 'vue'
-  import { useI18n } from 'vue-i18n'
-  import { handleAvatarImageError } from '@/utils/imageHandler.js'
+import { ref, computed, onMounted, onUnmounted, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
+import { handleAvatarImageError } from '@/utils/imageHandler.js'
 
-  const { locale, t } = useI18n()
+const { locale, t } = useI18n()
 
-  const props = defineProps({
-    barrageList: {
-      type: Array,
-      required: true,
-      default: () => [],
-    },
+const props = defineProps({
+  barrageList: {
+    type: Array,
+    required: true,
+    default: () => [],
+  },
 
-    speed: {
-      type: Number,
-      default: 80, // 基础速度系数
-    },
+  speed: {
+    type: Number,
+    default: 80, // 基础速度系数
+  },
 
-    maxItems: {
-      type: Number,
-      default: 4, // 每行最大弹幕数
-    },
+  maxItems: {
+    type: Number,
+    default: 4, // 每行最大弹幕数
+  },
 
-    loopInterval: {
-      type: Number,
-      default: 2000, // 弹幕生成间隔(ms)
-    },
-  })
+  loopInterval: {
+    type: Number,
+    default: 2000, // 弹幕生成间隔(ms)
+  },
+})
 
-  const tracks = ref([[], []]) // 弹幕轨道数据
-  const idCounter = ref(0) // 弹幕ID计数器
-  const currentIndex = ref(0) // 用于取下一项弹幕的索引
+const tracks = ref([[], []]) // 弹幕轨道数据
+const idCounter = ref(0) // 弹幕ID计数器
+const currentIndex = ref(0) // 用于取下一项弹幕的索引
 
-  // 计算实际显示的轨道（过滤空轨道）
-  const visibleTracks = computed(() => tracks.value.filter((track) => track.length > 0))
+// 计算实际显示的轨道（过滤空轨道）
+const visibleTracks = computed(() => tracks.value.filter((track) => track.length > 0))
 
-  // 显示的文本
-  const barrageText = (item) => {
-    const params = { nickname: item.nickname, prizeName: item.prizeName }
-    return item.prizeType == 'GOLD' || item.prizeType == 'MONEY'
-      ? t('barrage_won_prize', params)
-      : t('barrage_won_the_prize', params)
-  }
+// 显示的文本
+const barrageText = (item) => {
+  const params = { nickname: item.nickname, prizeName: item.prizeName }
+  return item.prizeType == 'GOLD' || item.prizeType == 'MONEY'
+    ? t('barrage_won_prize', params)
+    : t('barrage_won_the_prize', params)
+}
 
-  // 获取弹幕样式
-  const getBarrageStyle = (item) => {
-    const isRTL = locale.value === 'ar'
+// 获取弹幕样式
+const getBarrageStyle = (item) => {
+  const isRTL = locale.value === 'ar'
 
-    return {
-      animationDuration: `${item.duration}s`,
-      animationDelay: `${item.delay}s`,
-      '--start-pos': `${item.startPos}px`,
-      border: item.prizeType == 'MONEY' ? '1px solid #FFF1B2' : '1px solid #BAD0FF',
-      background:
-        item.prizeType == 'MONEY'
-          ? 'linear-gradient(270deg, rgba(255, 222, 77, 0.65) 0%, rgba(117, 95, 0, 0.20) 93.75%)'
-          : 'linear-gradient(270deg, rgba(103, 152, 255, 0.65) 0%, rgba(32, 77, 173, 0.20) 93.75%)',
-      // RTL布局支持
-      ...(isRTL
-        ? {
+  return {
+    animationDuration: `${item.duration}s`,
+    animationDelay: `${item.delay}s`,
+    '--start-pos': `${item.startPos}px`,
+    border: item.prizeType == 'MONEY' ? '1px solid #FFF1B2' : '1px solid #BAD0FF',
+    background:
+      item.prizeType == 'MONEY'
+        ? 'linear-gradient(270deg, rgba(255, 222, 77, 0.65) 0%, rgba(117, 95, 0, 0.20) 93.75%)'
+        : 'linear-gradient(270deg, rgba(103, 152, 255, 0.65) 0%, rgba(32, 77, 173, 0.20) 93.75%)',
+    // RTL布局支持
+    ...(isRTL
+      ? {
           right: '0',
           left: 'auto',
           transform: 'translateX(-100vw)',
         }
-        : {
+      : {
           left: '0',
           right: 'auto',
           transform: 'translateX(100vw)',
         }),
-    }
   }
+}
 
-  // 生成随机弹幕属性
-  const generateBarrageProps = (item) => {
-    const textLength = barrageText(item).length
-    return {
-      duration: Math.max(8 - textLength * 0.2, 5) * (100 / props.speed), // 弹幕项持续时间（每字符减少0.2秒，持续时间不低于5秒）
-      startPos: Math.floor(Math.random() * 21) - 10, // 弹幕项起始位置（得到-10到10之间的随机整数，避免所有弹幕都从完全相同的起点开始移动）
-    }
+// 生成随机弹幕属性
+const generateBarrageProps = (item) => {
+  const textLength = barrageText(item).length
+  return {
+    duration: Math.max(8 - textLength * 0.2, 5) * (100 / props.speed), // 弹幕项持续时间（每字符减少0.2秒，持续时间不低于5秒）
+    startPos: Math.floor(Math.random() * 21) - 10, // 弹幕项起始位置（得到-10到10之间的随机整数，避免所有弹幕都从完全相同的起点开始移动）
   }
+}
 
-  // 添加弹幕到轨道
-  const addToTrack = (item) => {
-    // 寻找最短的轨道的下标值
-    const trackIndex = tracks.value.reduce(
-      (minIndex, track, index) => (track.length < tracks.value[minIndex].length ? index : minIndex),
-      0
-    )
-
-    if (tracks.value[trackIndex].length < props.maxItems) {
-      tracks.value[trackIndex].push({
-        ...item,
-        id: idCounter.value++, //寻找完成动画的弹幕项唯一标识
-        delay: Math.random() * 4, // 随机延迟（0-4秒）
-        ...generateBarrageProps(item),
-      })
-    }
-  }
-
-  // 清理完成动画的弹幕（根据动画结束状态遍历）
-  const cleanCompleted = () => {
-    tracks.value.forEach((track) => {
-      for (let i = track.length - 1; i >= 0; i--) {
-        if (track[i].completed) {
-          track.splice(i, 1)
-        }
-      }
-    })
-  }
-
-  // 设置弹幕动画结束状态
-  const handleAnimationEnd = (id) => {
-    tracks.value.forEach((track) => {
-      const item = track.find((item) => item.id === id)
-      if (item) item.completed = true
-    })
-  }
-
-  // 获取下一项弹幕（循环逻辑）
-  const getNextBarrage = () => {
-    if (props.barrageList.length === 0) return null
-
-    const item = props.barrageList[currentIndex.value] // 取得下一项弹幕项
-    currentIndex.value = (currentIndex.value + 1) % props.barrageList.length //索引达到最大时则重置为0
-
-    return { ...item } // 返回副本避免污染原始数据
-  }
-
-  // 弹幕循环逻辑
-  let barrageInterval = null
-
-  // 根据设置的时间间隔自动获取下一项弹幕
-  const startBarrage = () => {
-    barrageInterval = setInterval(() => {
-      cleanCompleted() // 清理完成动画的弹幕
-
-      const nextBarrage = getNextBarrage() // 获取下一项弹幕
-      if (nextBarrage) {
-        addToTrack(nextBarrage) // 添加弹幕到轨道
-      }
-    }, props.loopInterval)
-  }
-
-  onMounted(() => {
-    startBarrage() // 开启弹幕循环
-  })
-
-  onUnmounted(() => {
-    clearInterval(barrageInterval) // 清空弹幕
-  })
-
-  // 监听数据源变化
-  watch(
-    () => props.barrageList,
-    (newList) => {
-      currentIndex.value = 0 // 重置索引，确保重新开始循环
-      clearInterval(barrageInterval) // 清空弹幕
-
-      // 如果列表为空，停止生成新弹幕
-      if (newList.length !== 0) {
-        startBarrage() // 重启弹幕循环
-      }
-    },
-    { deep: true }
+// 添加弹幕到轨道
+const addToTrack = (item) => {
+  // 寻找最短的轨道的下标值
+  const trackIndex = tracks.value.reduce(
+    (minIndex, track, index) => (track.length < tracks.value[minIndex].length ? index : minIndex),
+    0,
   )
+
+  if (tracks.value[trackIndex].length < props.maxItems) {
+    tracks.value[trackIndex].push({
+      ...item,
+      id: idCounter.value++, //寻找完成动画的弹幕项唯一标识
+      delay: Math.random() * 4, // 随机延迟（0-4秒）
+      ...generateBarrageProps(item),
+    })
+  }
+}
+
+// 清理完成动画的弹幕（根据动画结束状态遍历）
+const cleanCompleted = () => {
+  tracks.value.forEach((track) => {
+    for (let i = track.length - 1; i >= 0; i--) {
+      if (track[i].completed) {
+        track.splice(i, 1)
+      }
+    }
+  })
+}
+
+// 设置弹幕动画结束状态
+const handleAnimationEnd = (id) => {
+  tracks.value.forEach((track) => {
+    const item = track.find((item) => item.id === id)
+    if (item) item.completed = true
+  })
+}
+
+// 获取下一项弹幕（循环逻辑）
+const getNextBarrage = () => {
+  if (props.barrageList.length === 0) return null
+
+  const item = props.barrageList[currentIndex.value] // 取得下一项弹幕项
+  currentIndex.value = (currentIndex.value + 1) % props.barrageList.length //索引达到最大时则重置为0
+
+  return { ...item } // 返回副本避免污染原始数据
+}
+
+// 弹幕循环逻辑
+let barrageInterval = null
+
+// 根据设置的时间间隔自动获取下一项弹幕
+const startBarrage = () => {
+  barrageInterval = setInterval(() => {
+    cleanCompleted() // 清理完成动画的弹幕
+
+    const nextBarrage = getNextBarrage() // 获取下一项弹幕
+    if (nextBarrage) {
+      addToTrack(nextBarrage) // 添加弹幕到轨道
+    }
+  }, props.loopInterval)
+}
+
+onMounted(() => {
+  startBarrage() // 开启弹幕循环
+})
+
+onUnmounted(() => {
+  clearInterval(barrageInterval) // 清空弹幕
+})
+
+// 监听数据源变化
+watch(
+  () => props.barrageList,
+  (newList) => {
+    currentIndex.value = 0 // 重置索引，确保重新开始循环
+    clearInterval(barrageInterval) // 清空弹幕
+
+    // 如果列表为空，停止生成新弹幕
+    if (newList.length !== 0) {
+      startBarrage() // 重启弹幕循环
+    }
+  },
+  { deep: true },
+)
 </script>
 
 <style scoped>
+/* 样式保持不变（同之前版本） */
+.barrage-item {
+  will-change: transform;
+  animation: moveLeft linear forwards;
+}
 
-  /* 样式保持不变（同之前版本） */
-  .barrage-item {
-    will-change: transform;
-    animation: moveLeft linear forwards;
+@keyframes moveLeft {
+  0% {
+    transform: translateX(100vw);
   }
 
-  @keyframes moveLeft {
-    0% {
-      transform: translateX(100vw);
-    }
+  100% {
+    transform: translateX(-100%);
+  }
+}
 
-    100% {
-      transform: translateX(-100%);
-    }
+/* RTL支持 - 镜像弹幕动画 */
+[dir='rtl'] .barrage-item {
+  animation: moveRight linear forwards;
+}
+
+@keyframes moveRight {
+  0% {
+    transform: translateX(-100vw);
   }
 
-  /* RTL支持 - 镜像弹幕动画 */
-  [dir='rtl'] .barrage-item {
-    animation: moveRight linear forwards;
+  100% {
+    transform: translateX(100%);
   }
+}
 
-  @keyframes moveRight {
-    0% {
-      transform: translateX(-100vw);
-    }
-
-    100% {
-      transform: translateX(100%);
-    }
+@media screen and (max-width: 360px) {
+  * {
+    font-size: 10px;
   }
+}
 
-  @media screen and (max-width: 360px) {
-    * {
-      font-size: 10px;
-    }
+@media screen and (min-width: 360px) {
+  * {
+    font-size: 14px;
   }
+}
 
-  @media screen and (min-width: 360px) {
-    * {
-      font-size: 14px;
-    }
+@media screen and (min-width: 768px) {
+  * {
+    font-size: 24px;
   }
+}
 
-  @media screen and (min-width: 768px) {
-    * {
-      font-size: 24px;
-    }
-  }
-
-  @media screen and (min-width: 1024px) {
-    * {
-      font-size: 32px;
-    }
+@media screen and (min-width: 1024px) {
+  * {
+    font-size: 32px;
   }
+}
 </style>
diff --git a/src/views/Activities/NewYear/components/topUser.vue b/src/views/Activities/NewYear/components/topUser.vue
index 1bedc8e..2d7544e 100644
--- a/src/views/Activities/NewYear/components/topUser.vue
+++ b/src/views/Activities/NewYear/components/topUser.vue
@@ -24,7 +24,6 @@
       >
         <div :style="{ width: avatarWidth }">
           <img
-            v-smart-img
             :src="avatarUrl || ''"
             alt=""
             width="100%"
diff --git a/src/views/Activities/NewYear/index.vue b/src/views/Activities/NewYear/index.vue
index 78a9258..ba67323 100644
--- a/src/views/Activities/NewYear/index.vue
+++ b/src/views/Activities/NewYear/index.vue
@@ -213,7 +213,6 @@
               style="width: 20vw; position: relative; z-index: 2"
             >
               <img
-                v-smart-img
                 :src="myRechargeRecode?.userAvatar"
                 alt=""
                 style="
@@ -321,7 +320,6 @@
                 >
                   <!-- 奖励图片 -->
                   <img
-                    v-smart-img
                     :src="reward.cover || ''"
                     alt=""
                     style="
@@ -478,7 +476,6 @@
 
                 <!-- 头像 -->
                 <img
-                  v-smart-img
                   :src="listItem?.userAvatar || ''"
                   alt=""
                   style="
@@ -581,7 +578,6 @@
                 :style="[getGridPosition(index)]"
               >
                 <!-- <img
-                  v-smart-img
                   :src="prize.prizeImage || ''"
                   :alt="prize.prizeName || ''"
                   width="60%"
@@ -729,7 +725,6 @@
             <div style="display: flex; align-items: center; gap: 4vw">
               <img
                 v-for="Badge in RechargeBadgeInfo.rewardProps"
-                v-smart-img
                 :src="Badge.cover || ''"
                 alt=""
                 style="display: block; width: 18vw"
@@ -965,7 +960,6 @@
           >
             <!-- 头像 -->
             <img
-              v-smart-img
               :src="userInfo.userAvatar || ''"
               alt=""
               style="
@@ -1116,7 +1110,6 @@
                     <!-- 头像 -->
                     <div style="position: relative; width: 50px; margin-right: 12px">
                       <img
-                        v-smart-img
                         :src="selectedPayee.avatar || ''"
                         :alt="selectedPayee.name || ''"
                         style="width: 100%; object-fit: cover; border-radius: 50%"
@@ -1405,7 +1398,6 @@
 
           <!-- 头像 -->
           <img
-            v-smart-img
             :src="myRanking?.userAvatar || ''"
             alt=""
             style="
diff --git a/src/views/Activities/Reward/RechargeReward.vue b/src/views/Activities/Reward/RechargeReward.vue
index 3a72b0b..1a512e9 100644
--- a/src/views/Activities/Reward/RechargeReward.vue
+++ b/src/views/Activities/Reward/RechargeReward.vue
@@ -52,7 +52,6 @@
               "
             >
               <img
-                v-smart-img
                 :src="userInfo.userAvatar || ''"
                 alt=""
                 style="
diff --git a/src/views/Activities/SpringFestival/Ranking.vue b/src/views/Activities/SpringFestival/Ranking.vue
index 4e8c9ee..4aa52bf 100644
--- a/src/views/Activities/SpringFestival/Ranking.vue
+++ b/src/views/Activities/SpringFestival/Ranking.vue
@@ -101,7 +101,6 @@
           >
             <!-- 头像 -->
             <img
-              v-smart-img
               :src="listItem?.userAvatar || ''"
               alt=""
               style="
diff --git a/src/views/Activities/SpringFestival/RankingReward.vue b/src/views/Activities/SpringFestival/RankingReward.vue
index 0ff67e7..5457f6d 100644
--- a/src/views/Activities/SpringFestival/RankingReward.vue
+++ b/src/views/Activities/SpringFestival/RankingReward.vue
@@ -34,7 +34,6 @@
         >
           <!-- 奖励图片 -->
           <img
-            v-smart-img
             :src="reward.cover || ''"
             alt=""
             style="display: block; min-width: 0; width: 80%; height: 100%; object-fit: contain"
diff --git a/src/views/Activities/SpringFestival/RechargeReward.vue b/src/views/Activities/SpringFestival/RechargeReward.vue
index d3e4cff..190fb10 100644
--- a/src/views/Activities/SpringFestival/RechargeReward.vue
+++ b/src/views/Activities/SpringFestival/RechargeReward.vue
@@ -10,7 +10,6 @@
       >
         <!-- 头像 -->
         <img
-          v-smart-img
           :src="myRechargeRecode?.userAvatar || ''"
           alt=""
           style="
@@ -136,7 +135,6 @@
         >
           <!-- 奖励图片 -->
           <img
-            v-smart-img
             :src="reward.cover || ''"
             alt=""
             style="display: block; min-width: 0; width: 80%; height: 100%; object-fit: contain"
diff --git a/src/views/Activities/SpringFestival/Task.vue b/src/views/Activities/SpringFestival/Task.vue
index f868c07..0bfea24 100644
--- a/src/views/Activities/SpringFestival/Task.vue
+++ b/src/views/Activities/SpringFestival/Task.vue
@@ -97,7 +97,6 @@
             "
           >
             <img
-              v-smart-img
               :src="prize.prizeImage || ''"
               :alt="prize.prizeName || ''"
               width="50%"
@@ -225,7 +224,6 @@
       >
         <!-- 头像 -->
         <img
-          v-smart-img
           :src="userInfo.userAvatar || ''"
           alt=""
           style="
@@ -404,7 +402,6 @@
                   <!-- 头像 -->
                   <div style="position: relative; width: 50px; margin-right: 12px">
                     <img
-                      v-smart-img
                       :src="selectedPayee.avatar || ''"
                       :alt="selectedPayee.name || ''"
                       style="width: 100%; object-fit: cover; border-radius: 50%"
diff --git a/src/views/Activities/SpringFestival/components/topUser.vue b/src/views/Activities/SpringFestival/components/topUser.vue
index 0c12e49..0f48ad1 100644
--- a/src/views/Activities/SpringFestival/components/topUser.vue
+++ b/src/views/Activities/SpringFestival/components/topUser.vue
@@ -24,7 +24,6 @@
       >
         <div :style="{ width: avatarWidth }">
           <img
-            v-smart-img
             :src="avatarUrl || ''"
             alt=""
             width="100%"
diff --git a/src/views/Activities/SpringFestival/index.vue b/src/views/Activities/SpringFestival/index.vue
index d94ec4f..0e1efcf 100644
--- a/src/views/Activities/SpringFestival/index.vue
+++ b/src/views/Activities/SpringFestival/index.vue
@@ -279,7 +279,6 @@
             :contentStyle="`top:2vw`"
           >
             <img
-              v-smart-img
               :src="myRanking?.userAvatar || ''"
               alt=""
               style="
@@ -410,7 +409,6 @@
                 </div>
                 <!-- 奖品 -->
                 <img
-                  v-smart-img
                   :src="result[resultShowIndex]?.prize?.prizeImage"
                   alt=""
                   style="display: block; width: 40vw"
@@ -506,7 +504,6 @@
                 >
                   <div style="display: flex; align-items: center; gap: 4px">
                     <img
-                      v-smart-img
                       :src="record?.prize?.prizeImage || ''"
                       alt=""
                       style="width: 10vw; min-width: 0; object-fit: cover; display: block"
diff --git a/src/views/AgencyCenter/components/TeamBillMore.vue b/src/views/AgencyCenter/components/TeamBillMore.vue
index 3d95e91..fd012e7 100644
--- a/src/views/AgencyCenter/components/TeamBillMore.vue
+++ b/src/views/AgencyCenter/components/TeamBillMore.vue
@@ -111,7 +111,6 @@
           <!-- 头像 -->
           <div style="width: 20%">
             <img
-              v-smart-img
               :src="member.memberProfile?.userAvatar || ''"
               :alt="member.memberProfile?.userNickname"
               @error="handleAvatarImageError"
@@ -283,7 +282,7 @@ const performSearch = async () => {
   hasSearched.value = false
 
   let ResultUser = members.value.find(
-    (member) => member.memberProfile.account == searchQuery.value.trim()
+    (member) => member.memberProfile.account == searchQuery.value.trim(),
   )
 
   if (ResultUser) {
@@ -416,7 +415,7 @@ watch(
     console.log('Language changed in header:', newLang)
     updateTypeShowText()
   },
-  { deep: true }
+  { deep: true },
 )
 
 watch(
@@ -429,7 +428,7 @@ watch(
       searchResults.value = members.value
     }
   },
-  { immediate: true }
+  { immediate: true },
 )
 
 watch(
@@ -456,7 +455,7 @@ watch(
   },
   {
     immediate: true,
-  }
+  },
 )
 
 // 组件挂载时获取政策数据
diff --git a/src/views/Invitation/InviteToRegister.vue b/src/views/Invitation/InviteToRegister.vue
index fed48cf..860db54 100644
--- a/src/views/Invitation/InviteToRegister.vue
+++ b/src/views/Invitation/InviteToRegister.vue
@@ -470,7 +470,6 @@
                   "
                 >
                   <img
-                    v-smart-img
                     :src="reward.cover || ''"
                     alt=""
                     width="70%"
diff --git a/src/views/Ranking/GamesKing/components/topUser.vue b/src/views/Ranking/GamesKing/components/topUser.vue
index 037ffca..13b3ef8 100644
--- a/src/views/Ranking/GamesKing/components/topUser.vue
+++ b/src/views/Ranking/GamesKing/components/topUser.vue
@@ -24,7 +24,6 @@
       >
         <div :style="{ width: avatarWidth }">
           <img
-            v-smart-img
             :src="avatarUrl || ''"
             alt=""
             width="100%"
diff --git a/src/views/Ranking/GamesKing/index.vue b/src/views/Ranking/GamesKing/index.vue
index ab90d8f..567220d 100644
--- a/src/views/Ranking/GamesKing/index.vue
+++ b/src/views/Ranking/GamesKing/index.vue
@@ -373,7 +373,6 @@
 
                     <!-- 头像 -->
                     <img
-                      v-smart-img
                       :src="listItem?.avatar || ''"
                       alt=""
                       style="
@@ -492,7 +491,6 @@
                   >
                     <!-- 奖励图片 -->
                     <img
-                      v-smart-img
                       :src="reward.cover || ''"
                       alt=""
                       style="display: block; width: 70%; object-fit: cover"
@@ -569,7 +567,6 @@
                   >
                     <!-- 奖励图片 -->
                     <img
-                      v-smart-img
                       :src="reward.cover || ''"
                       alt=""
                       style="display: block; width: 70%; object-fit: cover"
@@ -635,7 +632,6 @@
 
             <!-- 头像 -->
             <img
-              v-smart-img
               :src="myRanking.avatar || ''"
               alt=""
               style="
diff --git a/src/views/Ranking/KingAndQueen/TopList.vue b/src/views/Ranking/KingAndQueen/TopList.vue
index cf753d0..8829659 100644
--- a/src/views/Ranking/KingAndQueen/TopList.vue
+++ b/src/views/Ranking/KingAndQueen/TopList.vue
@@ -77,7 +77,6 @@
                   "
                 >
                   <img
-                    v-smart-img
                     v-if="topUser.userInfo.userAvatar"
                     :src="topUser.userInfo.userAvatar || ''"
                     alt=""
@@ -158,7 +157,7 @@
                 style="width: 30%; display: flex; flex-direction: column"
               >
                 <itemCenter :imgUrl="imageUrl('gift')">
-                  <img v-smart-img :src="gift.giftPhoto" alt="" width="50%" />
+                  <img :src="gift.giftPhoto" alt="" width="50%" />
                 </itemCenter>
                 <div style="display: flex; justify-content: center; align-items: center; gap: 2px">
                   <img
@@ -266,7 +265,6 @@
                     "
                   >
                     <img
-                      v-smart-img
                       :src="listItem.userAvatar || ''"
                       alt=""
                       style="
@@ -412,7 +410,6 @@
                         "
                       >
                         <img
-                          v-smart-img
                           :src="topOne.userInfo.userAvatar"
                           alt=""
                           width="70%"
@@ -700,7 +697,6 @@
               "
             >
               <img
-                v-smart-img
                 :src="myRanking.userAvatar || ''"
                 alt=""
                 style="
diff --git a/src/views/Ranking/Overall/Ranking.vue b/src/views/Ranking/Overall/Ranking.vue
index 913c834..a184980 100644
--- a/src/views/Ranking/Overall/Ranking.vue
+++ b/src/views/Ranking/Overall/Ranking.vue
@@ -218,7 +218,6 @@
 
               <!-- 头像 -->
               <img
-                v-smart-img
                 :src="userInfo.avatar || ''"
                 alt=""
                 style="
@@ -332,7 +331,6 @@
 
           <!-- 头像 -->
           <img
-            v-smart-img
             :src="myRanking.avatar || ''"
             alt=""
             style="
diff --git a/src/views/Ranking/Overall/components/topUser.vue b/src/views/Ranking/Overall/components/topUser.vue
index 6cf1c3a..bdb20c1 100644
--- a/src/views/Ranking/Overall/components/topUser.vue
+++ b/src/views/Ranking/Overall/components/topUser.vue
@@ -26,7 +26,6 @@
       >
         <div style="width: 70%">
           <img
-            v-smart-img
             :src="avatarUrl || ''"
             alt=""
             width="100%"
@@ -148,7 +147,7 @@ watch(
   () => props.Type,
   (newVal, oldVal) => {
     console.log('Type 变化 =>', '新值:', newVal, '旧值:', oldVal)
-  }
+  },
 )
 
 // 头像盒子高度
diff --git a/src/views/Ranking/WeeklyStar/WeeklyStar.vue b/src/views/Ranking/WeeklyStar/WeeklyStar.vue
index de1ea08..52c076a 100644
--- a/src/views/Ranking/WeeklyStar/WeeklyStar.vue
+++ b/src/views/Ranking/WeeklyStar/WeeklyStar.vue
@@ -236,7 +236,6 @@
 
                   <!-- 头像 -->
                   <img
-                    v-smart-img
                     :src="listItem.userAvatar || ''"
                     alt=""
                     style="
@@ -358,7 +357,6 @@
                   >
                     <!-- gift图 -->
                     <img
-                      v-smart-img
                       :src="gift.cover || ''"
                       alt=""
                       style="width: 50%; display: block"
@@ -443,7 +441,6 @@
                     <itemCenter :imgUrl="imageUrl('giftItemBg')">
                       <!-- gift图 -->
                       <img
-                        v-smart-img
                         :src="goods.propsGroup.activityRewardProps[0].cover"
                         alt=""
                         style="width: 68%; display: block; margin-bottom: 7%"
@@ -516,7 +513,6 @@
 
             <!-- 头像 -->
             <img
-              v-smart-img
               :src="myRanking.userAvatar || ''"
               alt=""
               style="
@@ -640,7 +636,6 @@
                     "
                   >
                     <img
-                      v-smart-img
                       :src="showTopOne.userAvatar || ''"
                       alt=""
                       style="
@@ -752,7 +747,6 @@
               <itemCenter :imgUrl="imageUrl('giftItemBg')">
                 <!-- 礼物 -->
                 <img
-                  v-smart-img
                   :src="gift.giftPhoto"
                   alt=""
                   style="width: 50%; aspect-ratio: 1/1; border-radius: 50%; object-fit: cover"
@@ -817,7 +811,6 @@
               "
             >
               <img
-                v-smart-img
                 :src="selectedGood.propsGroup.activityRewardProps[0].cover"
                 alt=""
                 style="width: 50%; display: block"
diff --git a/src/views/Ranking/WeeklyStar/components/topUser.vue b/src/views/Ranking/WeeklyStar/components/topUser.vue
index b7ba81a..238fb21 100644
--- a/src/views/Ranking/WeeklyStar/components/topUser.vue
+++ b/src/views/Ranking/WeeklyStar/components/topUser.vue
@@ -25,7 +25,6 @@
       >
         <div :style="{ width: isTopOne ? '50%' : '80%' }">
           <img
-            v-smart-img
             :src="avatarUrl || ''"
             alt=""
             width="100%"
diff --git a/src/views/Wallet/Transfer/Transfer.vue b/src/views/Wallet/Transfer/Transfer.vue
index 9d25ee8..3163119 100644
--- a/src/views/Wallet/Transfer/Transfer.vue
+++ b/src/views/Wallet/Transfer/Transfer.vue
@@ -85,7 +85,6 @@
                 "
               >
                 <img
-                  v-smart-img
                   :src="selectedPayee.avatar || ''"
                   :alt="selectedPayee.name"
                   style="
@@ -356,7 +355,7 @@ const transfer = async () => {
         t('transfer_success', {
           price: selectedCoinData.price,
           name: selectedPayee.name,
-        })
+        }),
       )
 
       selectedCoin.value = null // 重置选择