feat(头部组件): 使用图片缓存插件

src/components/GeneralHeader.vue

@@ -17,6 +17,7 @@
       <div style="width: 6%; display: flex; align-items: center">
         <button v-if="showBack" class="back-btn" @click="handleBack">
           <img
+            v-smart-img
             class="flipImg"
             :src="backImg"
             alt=""
@@ -39,9 +40,12 @@
       >
         {{ title }}
       </h1>
-      <button class="help-btn" style="width: 10%" @click="$emit('help')">
+
+      <!-- 右侧按钮 -->
+      <!-- 帮助按钮 -->
+      <button v-if="showHelp" class="help-btn" style="width: 10%" @click="$emit('help')">
         <img
-          v-if="showHelp"
+          v-smart-img
           src="../assets/icon/helpWhite.png"
           alt=""
           style="width: 100%; display: block"
@@ -50,6 +54,7 @@
 
       <!-- 语言切换 -->
       <div
+        v-if="showLanguageList"
         style="
           display: flex;
           align-items: center;
@@ -57,15 +62,8 @@
           color: rgba(187, 146, 255, 1) !important;
         "
         @click="showLang"
-        v-if="showLanguageList"
       >
         <div style="font-weight: bold">{{ currentLangType }}</div>
-        <!-- <div
-              style="margin-left: 5px; transition: transform 0.5s"
-              :class="{ rotated: visibleList }"
-            >
-              >
-            </div> -->
         <transition name="slide-fade">
           <div v-show="visibleList" class="extraList">
             <div
@@ -86,11 +84,11 @@
 </template>
 
 <script setup>
-import { isInApp, closePage } from '@/utils/appBridge.js'
-import { useRouter, useRoute } from 'vue-router'
 import { computed, ref, onMounted, watch, nextTick } from 'vue'
+import { useRouter, useRoute } from 'vue-router'
 import { useLangStore } from '@/stores/lang'
 import { setLocale } from '@/locales/i18n'
+import { isInApp, closePage } from '@/utils/appBridge.js'
 
 // 定义props
 const props = defineProps({