备份

scene/src/views/gui/menu copy.vue

@@ -4,43 +4,23 @@
       <div id="view-controllers"></div>
     </div>
     <div class="pinBottom left">
-      <div v-if="isMobile" id='myClickBox' style="">
+      <div v-if="isMobile" id="myClickBox" style="">
         <div id="go" />
         <div id="back" />
       </div>
 
       <div>
         <div class="viewContainer">
-          <div
-            id="previous"
-            class="previous desktop-only ui-icon"
-            style="display: none"
-          >
+          <div id="previous" class="previous desktop-only ui-icon" style="display: none">
             <a>
-              <img
-                rel="tooltip"
-                title=""
-                :src="require('@/assets/images/play.png')"
-                width="24"
-                height="24"
-                data-original-title="播放"
-              />
+              <img rel="tooltip" title="" :src="require('@/assets/images/play.png')" width="24" height="24" data-original-title="播放" />
             </a>
           </div>
-          <div
-            id="play"
-            class="ui-icon"
-            rel="tooltip"
-            data-original-title="播放"
-          >
+          <div id="play" class="ui-icon" rel="tooltip" data-original-title="播放">
             <!-- 鼠标移入的显示 -->
             <div class="hoverTit">自动导览</div>
             <a>
-              <img
-                :src="require('@/assets/images/icon/play.png')"
-                width="24"
-                height="24"
-              />
+              <img :src="require('@/assets/images/icon/play.png')" width="24" height="24" />
             </a>
           </div>
           <div id="pause" class="ui-icon" style="display: none">
@@ -48,102 +28,40 @@
             <div class="hoverTit">自动导览</div>
 
             <a>
-              <img
-                rel="tooltip"
-                title=""
-                :src="require('@/assets/images/icon/pause.png')"
-                width="24"
-                height="24"
-                data-original-title="暂停"
-              />
+              <img rel="tooltip" title="" :src="require('@/assets/images/icon/pause.png')" width="24" height="24" data-original-title="暂停" />
             </a>
           </div>
-          <div
-            id="next"
-            class="next desktop-only ui-icon wide"
-            style="display: none"
-          >
+          <div id="next" class="next desktop-only ui-icon wide" style="display: none">
             <a>
-              <i
-                rel="tooltip"
-                title=""
-                class="icon icon-dpad-right"
-                data-original-title="下一个"
-              ></i>
+              <i rel="tooltip" title="" class="icon icon-dpad-right" data-original-title="下一个"></i>
             </a>
           </div>
           <div id="gui-modes-map" class="ui-icon double active">
-            <div
-              data-original-title="导览"
-              @click="isGuide = !isGuide"
-              id="pullTab"
-              rel="tooltip"
-              title="场景导览"
-            >
+            <div data-original-title="导览" @click="isGuide = !isGuide" id="pullTab" rel="tooltip" title="场景导览">
               <!-- 鼠标移入的显示 -->
               <div class="hoverTit">导览列表</div>
 
-              <img
-                title=""
-                class="icon icon-inside"
-                :src="
-                  require(`@/assets/images/icon/auto${
-                    !isGuide ? '_active' : ''
-                  }.png`)
-                "
-              />
+              <img title="" class="icon icon-inside" :src="require(`@/assets/images/icon/auto${!isGuide ? '_active' : ''}.png`)" />
             </div>
 
-            <div
-              data-original-title="全景漫游"
-              id="gui-modes-inside"
-              rel="tooltip"
-            >
+            <div data-original-title="全景漫游" id="gui-modes-inside" rel="tooltip">
               <!-- 鼠标移入的显示 -->
               <div class="hoverTit">全景漫游</div>
 
-              <img
-                class="icon icon-inside"
-                :src="require('@/assets/images/icon/inside.png')"
-              />
-              <img
-                class="icon icon-inside active"
-                :src="require('@/assets/images/icon/inside_active.png')"
-              />
+              <img class="icon icon-inside" :src="require('@/assets/images/icon/inside.png')" />
+              <img class="icon icon-inside active" :src="require('@/assets/images/icon/inside_active.png')" />
             </div>
-            <div
-              title="迷你漫游"
-              data-original-title="迷你模型"
-              id="gui-modes-dollhouse"
-              rel="tooltip"
-            >
+            <div title="迷你漫游" data-original-title="迷你模型" id="gui-modes-dollhouse" rel="tooltip">
               <!-- 鼠标移入的显示 -->
               <div class="hoverTit">三维视觉</div>
-              <img
-                class="icon icon-inside"
-                :src="require('@/assets/images/icon/dollhouse.png')"
-              />
-              <img
-                class="icon icon-inside active"
-                :src="require('@/assets/images/icon/dollhouse_active.png')"
-              />
+              <img class="icon icon-inside" :src="require('@/assets/images/icon/dollhouse.png')" />
+              <img class="icon icon-inside active" :src="require('@/assets/images/icon/dollhouse_active.png')" />
             </div>
-            <div
-              data-original-title="俯视图"
-              id="gui-modes-floorplan"
-              rel="tooltip"
-              title="顶部俯视"
-            >
+            <div data-original-title="俯视图" id="gui-modes-floorplan" rel="tooltip" title="顶部俯视">
               <!-- 鼠标移入的显示 -->
               <div class="hoverTit">平面视觉</div>
-              <img
-                class="icon icon-inside"
-                :src="require('@/assets/images/icon/floor.png')"
-              />
-              <img
-                class="active icon icon-inside active"
-                :src="require('@/assets/images/icon/floor_active.png')"
-              />
+              <img class="icon icon-inside" :src="require('@/assets/images/icon/floor.png')" />
+              <img class="active icon icon-inside active" :src="require('@/assets/images/icon/floor_active.png')" />
             </div>
 
             <!-- 热点列表 -->
@@ -153,29 +71,11 @@
               <img src="../../assets/img/hot.png" alt="" />
             </div>
 
-            <div
-              data-original-title="VR"
-              id="vr"
-              rel="tooltip"
-              title=""
-              style="display: none"
-            >
-              <img
-                class="icon icon-inside"
-                :src="require('@/assets/images/VR.png')"
-              />
+            <div data-original-title="VR" id="vr" rel="tooltip" title="" style="display: none">
+              <img class="icon icon-inside" :src="require('@/assets/images/VR.png')" />
             </div>
-            <div
-              data-original-title="消除外壳"
-              id="gui-remove-face"
-              rel="tooltip"
-              title=""
-              style="display: none; float: left"
-            >
-              <img
-                class="icon icon-inside"
-                :src="require('@/assets/images/face.jpg')"
-              />
+            <div data-original-title="消除外壳" id="gui-remove-face" rel="tooltip" title="" style="display: none; float: left">
+              <img class="icon icon-inside" :src="require('@/assets/images/face.jpg')" />
             </div>
           </div>
         </div>
@@ -194,20 +94,12 @@
 
         <div id="vr" class="ui-icon wide hidden" style="display: none">
           <a>
-            <i
-              rel="tooltip"
-              title="{[{ VIEW_IN_VR }]}"
-              class="icon icon-webvr"
-            ></i>
+            <i rel="tooltip" title="{[{ VIEW_IN_VR }]}" class="icon icon-webvr"></i>
           </a>
         </div>
         <div id="sharing" class="ui-icon wide hidden" style="display: none">
           <a>
-            <i
-              rel="tooltip"
-              title="{[{ SOCIAL_SHARING }]}"
-              class="icon icon-share"
-            ></i>
+            <i rel="tooltip" title="{[{ SOCIAL_SHARING }]}" class="icon icon-share"></i>
           </a>
         </div>
         <div class="pull-right terms terms2">
@@ -233,20 +125,8 @@
           <!-- 鼠标移入的显示 -->
           <div class="hoverTit">{{ musicState ? "关闭" : "打开" }}音乐</div>
           <div>
-            <img
-              id="openMusic"
-              style="display: block"
-              @click="switchBGM(true)"
-              src="../../assets/img/musicAc.png"
-              alt=""
-            />
-            <img
-              id="closeMusic"
-              style="display: none"
-              @click="switchBGM(false)"
-              src="../../assets/img/music.png"
-              alt=""
-            />
+            <img id="openMusic" style="display: block" @click="switchBGM(true)" src="../../assets/img/musicAc.png" alt="" />
+            <img id="closeMusic" style="display: none" @click="switchBGM(false)" src="../../assets/img/music.png" alt="" />
           </div>
         </div>
         <!-- 分享 -->
@@ -263,7 +143,6 @@
       <Share v-show="openInd === 2" @close="openInd = 0" :openInd="openInd" />
     </div>
     <!-- 手动触发导览 -->
-
   </div>
 </template>
 
@@ -274,7 +153,7 @@ import Share from "./components/share.vue";
 export default {
   components: { HotList, Share },
   props: {
-    hideTools: Boolean
+    hideTools: Boolean,
   },
   data() {
     return {
@@ -296,8 +175,7 @@ export default {
         document.querySelector("#closeMusic").style.display = "block";
 
         // 手动停止自动导览
-        window.player.director.stopTour()
-
+        window.player.director.stopTour();
       } else {
         window.manage.switchBgmState(false);
         document.querySelector("#openMusic").style.display = "block";
@@ -538,7 +416,7 @@ export default {
     }
   }
 }
-#myClickBox{
+#myClickBox {
   display: flex;
   flex-direction: column;
   position: fixed;
@@ -548,8 +426,8 @@ export default {
   width: 146px;
   height: 146px;
   transform: translateX(-50%);
-  background: url('../../assets/img/m_btn.png') no-repeat center / contain;
-  transition: .2s bottom linear;
+  background: url("../../assets/img/m_btn.png") no-repeat center / contain;
+  transition: 0.2s bottom linear;
 
   > div {
     flex: 1;
@@ -558,4 +436,4 @@ export default {
 .pinBottom.open #myClickBox {
   bottom: calc(118px + 20px);
 }
-</style>
+</style>