bug fix

src/components/Hotspot.vue

@@ -84,8 +84,7 @@ const tempImg = utils.getImageUrl(`zhanwei.jpg`)
           color: #695757;
           font-size: 0.88rem;
           line-height: 1.5;
-          overflow-y: auto;
-          overflow-x: hidden;
+          overflow: auto;
         }
       }
 

src/components/Interaction.vue

@@ -60,7 +60,7 @@ watch(current, () => {
   bottom: 1rem;
   left: 3rem;
   display: flex;
-  // pointer-events: none;
+  pointer-events: none;
 
   .dialog {
     max-width: 30rem;

src/components/times/timecommon.vue

@@ -26,7 +26,7 @@
 
         <div class="hotspots">
           <swiper :slides-per-view="5" :space-between="10" @swiper="onSwiper" @slideChange="onSlideChange">
-            <swiper-slide @click="onClickItem(item)" v-for="item in info.hotspots" :key="item">
+            <swiper-slide @click="onClickItem(item)" v-for="item in info.hotspots" :key="item"  v-show="showHotspotPoint">
               <div class="himg">
                 <img :src="getImgUrl(`hotspot/${item.img}`)" alt="">
               </div>
@@ -135,7 +135,7 @@ const onClickItem = item => {
 
     .intro {
       margin-left: 2rem;
-      overflow-y: auto;
+      overflow: auto;
       padding-right: 1rem;
       height: 70%;
 

src/views/LongImage.vue

@@ -36,10 +36,16 @@
       />
     </div>
 
-    <Interaction class="interaction" ref="interaction$" :currentTimeIdx="currentTimeIdx" :list="timeList" />
+    <Interaction 
+      :style="{
+        display: showHotspotPoint ? '' : 'none',
+      }"
+      class="interaction" ref="interaction$" :currentTimeIdx="currentTimeIdx" :list="timeList"
+    />
 
 
     <Vmenu
+      v-show="showHotspotPoint"
       class="bottom-menu"
       :currentTimeIdx="currentTimeIdx"
       @onClickMenuItem="onClickMenuItem"
@@ -371,8 +377,6 @@ onMounted(() => {
 })
 
 
-
-
 </script>
 
 <style lang="scss" scoped>