update1019

src/components/hotspot/image.vue

@@ -401,10 +401,11 @@ export default {
       padding: 2% 5%;
       transform: translateX(-50%);
       margin: 0;
-      text-align: justify;
       min-height: 10vh;
       max-height: 34vh;
       background: rgba(0, 0, 0, 0.5);
+      text-align: left;
+      word-break: break-all;
       .title{
         width: 100%;
         display: inline-block;

src/components/hotspot/model.vue

@@ -325,10 +325,11 @@ export default {
       padding: 2% 5%;
       transform: translateX(-50%);
       margin: 0;
-      text-align: justify;
       min-height: 10vh;
       max-height: 34vh;
       background: rgba(0, 0, 0, 0.5);
+      text-align: left;
+      word-break: break-all;
       .title {
         width: 100%;
         display: inline-block;

src/components/hotspot/video.vue

@@ -343,10 +343,11 @@ export default {
       padding: 2% 5%;
       transform: translateX(-50%);
       margin: 0;
-      text-align: justify;
       min-height: 10vh;
       max-height: 34vh;
       background: rgba(0, 0, 0, 0.5);
+      text-align: left;
+      word-break: break-all;
       .title {
         width: 100%;
         display: inline-block;

src/pages/mobile.vue

@@ -17,10 +17,6 @@
 
 <script>
 export default {
-  data() {
-    return {
-    }
-  }
 };
 </script>
 
@@ -47,7 +43,7 @@ export default {
     }
     .tunits{
       width: 100%;
-      margin: 30px auto 0;
+      margin: 10px auto 0;
     }
     > ul {
         width: 100%;

src/pages/mobilescene/menu.vue

@@ -142,16 +142,24 @@ export default {
   mounted() {
       this.isBgm = true;
       localStorage.setItem('g_bgmstatus',this.isBgm?'open':'close')
-      this.$bus.$on("toggleBGM", (data) => {
-        if (!data) {
-            this.isBgm = data;
-        } else{
-          let status = localStorage.getItem('g_bgmstatus')
-          if (status==='open') {
-            this.isBgm = data;
+      this.$nextTick(()=>{
+        setTimeout(() => {
+          if (this.$refs.vbgm.paused) {
+            this.isBgm = false
+            localStorage.setItem('g_bgmstatus',this.isBgm?'open':'close')
           }
-        }
-      });
+          this.$bus.$on("toggleBGM", (data) => {
+            if (!data) {
+                this.isBgm = data;
+            } else{
+              let status = localStorage.getItem('g_bgmstatus')
+              if (status==='open') {
+                this.isBgm = data;
+              }
+            }
+          });
+        });
+      })
   },
 };
 </script>

src/pages/scene/menu.vue

@@ -122,8 +122,11 @@ export default {
     };
   },
   watch: {
-    isBgm(newVal) {
-      !newVal ? this.$refs.vbgm.pause() : this.$refs.vbgm.play();
+    isBgm:{
+      immediate:true,
+      handler:function(newVal){
+        !newVal ? this.$refs.vbgm.pause() : this.$refs.vbgm.play();
+      }
     },
     tourStatus(newVal) {
       if (newVal) {
@@ -163,16 +166,24 @@ export default {
   mounted() {
     this.isBgm = true;
     localStorage.setItem('g_bgmstatus',this.isBgm?'open':'close')
-    this.$bus.$on("toggleBGM", (data) => {
-      if (!data) {
-          this.isBgm = data;
-      } else{
-        let status = localStorage.getItem('g_bgmstatus')
-        if (status==='open') {
-          this.isBgm = data;
+    this.$nextTick(()=>{
+      setTimeout(() => {
+        if (this.$refs.vbgm.paused) {
+          this.isBgm = false
+          localStorage.setItem('g_bgmstatus',this.isBgm?'open':'close')
         }
-      }
-    });
+        this.$bus.$on("toggleBGM", (data) => {
+          if (!data) {
+              this.isBgm = data;
+          } else{
+            let status = localStorage.getItem('g_bgmstatus')
+            if (status==='open') {
+              this.isBgm = data;
+            }
+          }
+        });
+      });
+    })
   },
 };
 </script>