update

web/src/components/hotspot/index.vue

@@ -70,6 +70,7 @@ export default {
     width: 70px;
     height: 70px;
     cursor: pointer;
+    z-index: 9999999;
   }
   .ifrclose{
     top: 100px;

web/src/components/hotspot/video.vue

@@ -6,7 +6,7 @@
       backgroundImage: `url(${require('@/assets/images/project/video_bg.jpg')})`,
     }"
   >
-    <div class="title">{{ hotspot.title }}</div>
+    <!-- <div class="title">{{ hotspot.title }}</div> -->
     <div class="img-con">
       <span @click="active -= 1" :class="{ noshow: active <= 0 }">上一张</span>
       <video controls autoplay>
@@ -32,10 +32,10 @@
     v-else
     class="mbimages"
     :style="{
-      backgroundImage: `url(${require('@/assets/images/project/mb_hostpot.jpg')})`,
+      backgroundImage: `url(${require('@/assets/images/project/mb_video.jpg')})`,
     }"
   >
-    <div class="title">{{ hotspot.title }}</div>
+    <!-- <div class="title">{{ hotspot.title }}</div> -->
     <div class="swcon" v-swiper:mySwipervd="swiperOption">
       <ul class="swiper-wrapper swiper-wrapper-n">
         <div
@@ -50,7 +50,6 @@
           </div>
         </div>
       </ul>
-      <div class="swiper-pagination pagination" slot="pagination"></div>
     </div>
 
     <div v-if="hotspot.content" class="desc">
@@ -109,6 +108,7 @@ export default {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
+  background-position: bottom center;
   text-align: center;
   .title {
     padding: 0 80px;
@@ -127,7 +127,7 @@ export default {
     justify-content: space-around;
     align-items: center;
     position: relative;
-    padding-bottom: 40px;
+    padding: 10vh 0 40px;
     > span {
       @juli: 60px;
       display: inline-block;
@@ -193,8 +193,8 @@ export default {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
-  background-size: 100% calc(100% + @position);
-  background-position: 0 -@position;
+  background-size: 100% 100%;
+  background-position: bottom -@position;
   text-align: center;
   .title {
     width: 90%;
@@ -210,12 +210,12 @@ export default {
 
   .swcon {
     position: relative;
-    padding-bottom: 30px;
+    padding: 30px 0;
     .swiper-wrapper {
-      height: 250px;
+      height: 65vh;
       padding: 0;
       .swiper-slide {
-        width: 85%;
+        width: 100%;
         transform-style: preserve-3d;
         position: relative;
         height: 100%;
@@ -228,9 +228,6 @@ export default {
           transform: translateX(-50%);
           width: 100%;
           overflow: hidden;
-          border: 4px solid #bc1515;
-          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
-          background-color: #757477;
           > video {
             object-fit: fill;
             height: 100%;