更新

components.d.ts

@@ -7,6 +7,7 @@ export {}
 
 declare module 'vue' {
   export interface GlobalComponents {
+    Back: typeof import('./src/components/Back.vue')['default']
     Music: typeof import('./src/components/Music.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']

src/components/Back.vue

@@ -0,0 +1,37 @@
+<script setup lang="ts">
+const props = defineProps<{
+  path?: string;
+}>();
+
+const router = useRouter();
+
+const goBack = () => {
+  if (props.path) {
+    router.push(props.path);
+  } else {
+    router.back();
+  }
+};
+</script>
+
+<template>
+  <div class="back" @click="goBack">
+    <img src="@/assets/img/back.png" alt="返回" />
+  </div>
+</template>
+
+<style lang="less" scoped>
+.back {
+  z-index: 1000;
+  position: fixed;
+  top: 10px;
+  left: 10px;
+  cursor: pointer;
+
+  img {
+    width: 10vw;
+    height: 10vw;
+    display: block;
+  }
+}
+</style>

src/view/bldgMap/detail/index.vue

@@ -6,6 +6,7 @@ import restaurantList, { hotelList } from "@/assets/data/recommend/index";
 import Swiper from "swiper";
 import "swiper/swiper-bundle.css";
 import { nextTick } from "vue";
+import Back from "@/components/Back.vue";
 const currentScene = ref({} as any);
 const route = useRoute();
 const router = useRouter();
@@ -123,6 +124,7 @@ onMounted(async () => {
 
 <template>
   <div class="detail">
+    <Back />
     <audio v-show="false" id="explainAudio" :src="`${baseURL}/image/service/explanatoryAudio/${currentScene.id}.mp3`"></audio>
     <div class="top">
       <div class="swiper mySwiper">

src/view/bldgMap/detail/scene/index.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { useVideo } from '@/store/Video';
+import Back from "@/components/Back.vue";
 
 const sceneId = ref("" as any);
 const route = useRoute();
@@ -21,6 +22,7 @@ onUnmounted(() => {
 
 <template>
   <div class="scene">
+    <Back />
     <iframe class="irf" :src="`${baseURL}`" frameborder="0"></iframe>
   </div>
 </template>

src/view/bldgModel/change/index.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import ModelList from "@/assets/data/Model/index";
 import { ModelType } from "@/types/Model/index";
+import Back from "@/components/Back.vue";
 const route = useRoute();
 const router = useRouter();
 const showList = ref([] as any);
@@ -71,6 +72,7 @@ onMounted(() => {
 
 <template>
   <div class="change">
+    <Back />
     <!-- <div class="change-top">
       
     </div> -->

src/view/bldgPanorama/detail/index.vue

@@ -3,6 +3,7 @@ import ModelList from "@/assets/data/Model/index";
 import { ModelType } from "@/types/Model/index";
 import DownIcon from "@/assets/img/panorama/down.png";
 import UpIcon from "@/assets/img/panorama/up.png";
+import Back from "@/components/Back.vue";
 
 const route = useRoute();
 
@@ -63,6 +64,7 @@ onMounted(() => {
 
 <template>
   <div class="detail">
+    <Back />
     <!-- <div class="map-top">芜湖市优秀文物建筑</div> -->
     <iframe class="ifr" :src="`https://www.4dkankan.com/panorama/showMobile.html?id=${currentScene.birdId}`"
       frameborder="0"></iframe>

src/view/bldgVideo/detail/index.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { baseURL } from "@/assets/data/Model";
 import { useVideo } from "@/store/Video/index";
+import Back from "@/components/Back.vue";
 const route = useRoute();
 const currentVedioName = ref("" as any);
 const store = useVideo();
@@ -23,6 +24,7 @@ onUnmounted(() => {
 
 <template>
   <div class="detail">
+    <Back />
     <video class="vedio" :src="`${baseURL}/video/${currentVedioName}`" @play="handlePlayVideo" @pause="handlePauseVideo"
       playsinline="true" x5-video-player-type="h5" preload controls></video>
   </div>