feat(充值引导页): 增加返回键

src/views/Recharge/guide.vue

@@ -1,5 +1,6 @@
 <template>
   <div class="policy-container">
+    <img src="/src/assets/icon/arrowBlackGold.png" alt="" class="back-bt" @click="goBack" />
     <img
       :src="imageUrl(getImgName('rechargeGuide'))"
       alt=""
@@ -11,12 +12,12 @@
 <script setup>
 import { computed, onMounted, ref } from 'vue'
 import { useI18n } from 'vue-i18n'
+import { useRouter } from 'vue-router'
 import { useLangStore } from '@/stores/lang'
 import { getPngUrl } from '@/config/imagePaths.js'
 import { preloadImages } from '@/utils/imagePreloader.js'
 
-import GeneralHeader from '@/components/GeneralHeader.vue'
-
+const router = useRouter()
 // 获取OSS图片URL的函数
 const imageUrl = (filename) => getPngUrl('Recharge/', filename)
 // 根据语言获取图片名
@@ -24,6 +25,10 @@ const getImgName = (filename) => {
   return currentLangType.value === 'ar' ? `${filename}_ar` : filename
 }
 
+const goBack = () => {
+  router.go(-1)
+}
+
 const langStore = useLangStore()
 const { t, locale } = useI18n()
 
@@ -53,12 +58,28 @@ onMounted(() => {
 
 <style lang="scss" scoped>
 .policy-container {
+  position: relative;
+
   height: 100vh;
-  background-image: url(../../assets/images/secondBg.png);
   overflow-y: auto;
 }
 
 .policy-container::-webkit-scrollbar {
   display: none;
 }
+
+.back-bt {
+  display: block;
+  width: 9vw;
+
+  position: absolute;
+  top: 15vw;
+  left: 5vw;
+}
+
+[dir='rtl'] .back-bt {
+  transform: scaleX(-1);
+  left: auto;
+  right: 5vw;
+}
 </style>