在大屏（width>2000px）中，一些图标尺寸自动*2

.env.local

@@ -4,4 +4,4 @@ VUE_APP_CDN=../..
 VUE_APP_PROXY_URL_ROOT='https://www.4dkankan.com'
 VUE_APP_URL_FILL=https://www.4dkankan.com/qjkankan
 
-VUE_APP_CLI_MODE=local
+VUE_APP_CLI_MODE='local'

README.md

@@ -16,5 +16,5 @@ yarn build-prod
 # 正式环境url
 https://yswl.jswlpt.com/panoPage/showMobile.html?id=WK1656467989114929152&vr=fd720_shAAUWVEr&lang=zh
 
-# 本地化环境url
+# 本地化环境url?还是公司的另一个测试环境？
 https://sit-js518.4dage.com/showMobile.html?id=WK1655851305115074560&vr=fd720_Gwqluzq8r&lang=zh

src/components/UIGather/mobile/control.pano_js.vue

@@ -3,28 +3,32 @@
 
     <li @click="onIsAutoRotate">
       <img :src="require(`@/assets/images/js_icon/${isAutoRotate ? 'auto_active.png' : 'auto.png'}`)"
-        alt="" />
-        <div>自动漫游</div>
+        alt=""
+      />
+      <div>自动漫游</div>
     </li>
 
     <li @click="onIsShowList" v-if="!((metadata.catalogRoot && metadata.catalogRoot.length == 1) && scenes.length == 1 && secondaryList.length == 1)">
       <img :src="require(`@/assets/images/js_icon/${isShowScenesList ? 'daolan_active.png' : 'daolan.png'}`)"
-        alt="" />
-        <div>导览列表</div>
+        alt="" 
+      />
+      <div>导览列表</div>
     </li>
 
     <li @click="onIsShowHotspotList">
       <img :src="require(`@/assets/images/js_icon/${isShowHotspotList ? 'hotspot_active.png' : 'hotspot.png'}`)"
-        alt="" />
-        <div>热点列表</div>
+        alt="" 
+      />
+      <div>热点列表</div>
     </li>
 
     
     <li @click="onVR"
      v-if="currentScene.type == 'pano' || (fdkkCurrentVersion == 'v3') || (currentScene.type == '4dkk' && (fdkkmetadata.controls && fdkkmetadata.controls.showVR))">
       <img :src="require(`@/assets/images/js_icon/${isShowHotspotList ? 'vr_active.png' : 'vr.png'}`)"
-        alt="" />
-        <div>VR可视</div>
+        alt="" 
+      />
+      <div>VR可视</div>
     </li>
 
   </ul>
@@ -278,8 +282,8 @@ soundPlayer.on('pause', () => (showCommentaryPlaying.value = false))
   width: 100%;
   margin: 0 auto;
   background-image: url('@/assets/images/js_icon/line.png');
-  background-position:  0 6px;
-  background-size: 100% auto;
+  background-position: 0px calc(50% - 5px);
+  background-size: 99% auto;
   background-repeat: no-repeat;
   >li {
     margin: 0 8px;
@@ -305,6 +309,17 @@ soundPlayer.on('pause', () => (showCommentaryPlaying.value = false))
       margin-left: 10px;
     }
   }
+  @media only screen and (min-width: 2000px) {
+    >li {
+      >img {
+        width: 68px;
+        height: 68px;
+      }
+      >div {
+        font-size: 24px;
+      }
+    }
+  }
 }
 
 .musicfix {
@@ -318,4 +333,9 @@ soundPlayer.on('pause', () => (showCommentaryPlaying.value = false))
     width: 100%;
   }
 }
+@media only screen and (min-width: 2000px) {
+    .musicfix {
+      width: 80px;
+    }
+  }
 </style>

src/components/UIGather/mobile/control/hotspotList.vue

@@ -82,6 +82,11 @@ const close = () => {
       top: 10px;
       width: 34px;
     }
+    @media only screen and (min-width: 2000px) {
+      .close {
+        width: 68px;
+      }
+    }
     .htitle {
       position: absolute;
       left: 50%;

src/components/UIGather/mobile/control_js.vue

@@ -65,25 +65,31 @@ watchEffect(() => {
 .controlcon {
   height: 52px;
   border-radius: 18px;
-  width: 30px;
   overflow: hidden;
   overflow-y: hidden;
   position: relative;
   transition: 0.3s ease width;
-
+  
   .showsss {
     position: absolute;
-    right: 0;
-    top: 0;
+    left: 0;
+    top: 50%;
+    transform: translateY(-50%);
     width: 30px;
   }
 
   &.showcon {
     width: 100%;
     overflow-x: auto;
-
     .showsss {
-      top: -10px;
+      left: initial;
+      right: 0;
+    }
+  }
+  @media only screen and (min-width: 2000px) {
+    height: 104px;
+    .showsss {
+      width: 60px;
     }
   }
 }

src/pages/show.vue

@@ -76,7 +76,7 @@ onMounted(async () => {
     );
     return;
   }
-  if (process.env.VUE_APP_CLI_MODE !==local) {
+  if (process.env.VUE_APP_CLI_MODE !== 'local') {
     let res = await checkWork();
     if (!res.data) {
       workEnable.value = res.data;

src/pages/showMobile.vue

@@ -75,10 +75,12 @@ onMounted(async () => {
   //   );
   //   return;
   // }
-  let res = await checkWork();
-  if (!res.data) {
-    workEnable.value = res.data;
-    return;
+  if (process.env.VUE_APP_CLI_MODE !== 'local') {
+    let res = await checkWork();
+    if (!res.data) {
+      workEnable.value = res.data;
+      return;
+    }
   }
   getPanoInfo().then(async (data) => {