1

src/components/BottomBar.vue

@@ -5,7 +5,7 @@
     class="bottom-bar"
     :style="{
       zIndex: $globalConfig.zIndex.bottomBar.self,
-      bottom: isHigher ? 'calc(183px + 30px)' : '',
+      bottom: !isHigher ? '' : !$isMobile ? 'calc(183px + 30px)' : 'calc(130px + 10px)',
     }"
   >
     <div
@@ -237,6 +237,7 @@ export default {
 
 .mobile {
   .bottom-bar {
+    bottom: 20px;
     width: 50%;
     .normal-bar-wrap {
       > menu {

src/views/SwkkView.vue

@@ -14,7 +14,7 @@
       v-show="!($isMobile && mode !== 2)"
       class="main-menu"
       :style="{
-        bottom: isShowTourGuide ? 'calc(183px + 30px)' : '',
+        bottom: !isShowTourGuide ? '' : !$isMobile ? 'calc(183px + 30px)' : 'calc(130px + 10px)',
       }"
     >
       <button
@@ -245,13 +245,24 @@
       :scene-code="sceneCode"
       @close="isShowDetail = false"
     />
-    <HotspotDetailVideo
+    <!-- <HotspotDetailVideo
       class="hotspot-detail"
       :style="{
         zIndex: $globalConfig.zIndex.swkkHotspotDetail.self
       }"
-    />
-
+    /> -->
+    <!-- <HotspotDetailImageMobile
+      class="hotspot-detail"
+      :style="{
+        zIndex: $globalConfig.zIndex.swkkHotspotDetail.self
+      }"
+    /> -->
+    <!-- <HotspotDetailVideoMobile
+      class="hotspot-detail"
+      :style="{
+        zIndex: $globalConfig.zIndex.swkkHotspotDetail.self
+      }"
+    /> -->
     <HotspotList
       v-if="isShowHotspotList"
       class="hotspot-list"
@@ -267,7 +278,9 @@
 
 <script>
 import HotspotDetail from "@/components/HotspotDetail.vue"
-import HotspotDetailVideo from "@/components/HotspotDetailVideo.vue"
+// import HotspotDetailVideo from "@/components/HotspotDetailVideo.vue"
+// import HotspotDetailImageMobile from "@/components/HotspotDetailImageMobile.vue"
+// import HotspotDetailVideoMobile from "@/components/HotspotDetailVideoMobile.vue"
 import HotspotList from "@/components/HotspotList.vue"
 
 import Swiper from 'swiper/swiper-bundle.esm.js'
@@ -277,7 +290,9 @@ export default {
   components: {
     HotspotDetail,
     HotspotList,
-    HotspotDetailVideo,
+    // HotspotDetailVideo,
+    // HotspotDetailImageMobile,
+    // HotspotDetailVideoMobile,
   },
   data() {
     return {
@@ -873,6 +888,7 @@ export default {
       }
     }
   }
+
   .hotspot-detail {
     position: absolute;
     top: 0;
@@ -885,6 +901,7 @@ export default {
 .mobile {
   .skww-view {
     > menu.main-menu {
+      bottom: 20px;
       width: 50%;
       justify-content: space-around;
       > button {
@@ -963,6 +980,40 @@ export default {
         }
       }
     }
+
+    .tour-guide-wrap {
+      .tour-guide {
+        padding: 17px 0;
+        > li {
+          margin-right: 7px;
+          &:first-child {
+            margin-left: 30px;
+          }
+          &:last-child {
+            margin-right: 30px;
+          }
+          width: 134px;
+          height: 96px;
+          > img {
+          }
+          > .mask {
+          }
+          > .progress {
+            height: 7px;
+          }
+          .title {
+          }
+          &.active {
+            > .mask {
+              border: 3px solid #A10E0C;
+            }
+            .title {
+              bottom: 10px;
+            }
+          }
+        }
+      }
+    }
   }
 }
 </style>