upp

src/views/HotspotDetail1.vue

@@ -321,7 +321,7 @@ const imgBottomLoc = (nowId, itemId) => {
     position: absolute;
     z-index: 11;
     left: 50%;
-    top: -14%;
+    bottom: 100%;
     transform: translateX(-50%);
     font-family: KaiTi, KaiTi;
     font-weight: 400;
@@ -330,7 +330,7 @@ const imgBottomLoc = (nowId, itemId) => {
     height: 26%;
     opacity: 0;
     pointer-events: none;
-    transition: top 1s, opacity 0.5s;
+    transition: bottom 1s, opacity 0.5s;
 
     h3 {
       font-weight: 700;
@@ -352,7 +352,7 @@ const imgBottomLoc = (nowId, itemId) => {
 
   .HD1_4Ac {
     opacity: 1;
-    top: 5%;
+    bottom: 65%;
   }
 }
 .hotspot-detail-2 {

src/views/MoreContent.vue

@@ -169,7 +169,7 @@
 </template>
 
 <script setup>
-import { ref, onBeforeMount, nextTick, onMounted } from "vue"
+import { ref, onBeforeMount, nextTick, onMounted, watch } from "vue"
 import { useRoute, useRouter } from "vue-router"
 import { useStore } from "vuex"
 
@@ -357,6 +357,7 @@ onMounted(() => {
 // 当前页面的索引
 const indexAc = ref(0)
 
+
 onBeforeMount(() => {
   if (route.query.anchorIdx) {
     indexAc.value = Number(route.query.anchorIdx)
@@ -402,6 +403,7 @@ const playVideoFu = (val, flag) => {
     .ROW {
       position: relative;
       transition: opacity 1.2s;
+      height: 100%;
 
       .hotspot {
         position: absolute;