样式优化：字体等

README.md

@@ -1,7 +1,6 @@
 # 各种示例场景
 * 有热点的：?id=WK1655851305115074560&vr=fd720_mTR0RTs0l&lang=zh
 * ?id=WK1655851305115074560&vr=fd720_Gwqluzq8r&lang=zh
-* ?id=WK1666378820984242176&vr=fd720_VlB2fUXPH&lang=zh
 
 # 开发环境url示例：
 http://192.168.0.17:8082/showMobile.html?id=WK1655851305115074560&vr=fd720_Gwqluzq8r&lang=zh

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

@@ -8,7 +8,7 @@
         alt=""
         draggable="false"
       />
-      <div>[自动漫游]</div>
+      <div>〚自动漫游〛</div>
     </li>
     
     <img v-if="isLargeScreen" class="splitter" src="@/assets/images/js_icon/bottom-menu-splitter.png" alt="" draggable="false">
@@ -18,7 +18,7 @@
         alt="" 
         draggable="false"
       />
-      <div>[导览列表]</div>
+      <div>〚导览列表〛</div>
     </li>
     
     <img v-if="isLargeScreen" class="splitter" src="@/assets/images/js_icon/bottom-menu-splitter.png" alt="" draggable="false">
@@ -28,29 +28,29 @@
         alt="" 
         draggable="false"
       />
-      <div>[热点列表]</div>
+      <div>〚热点列表〛</div>
     </li>
     
     <img v-if="isLargeScreen" class="splitter" src="@/assets/images/js_icon/bottom-menu-splitter.png" alt="" draggable="false">
     
-    <li @click="onVR"
+    <!-- <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="" 
         draggable="false"
       />
-      <div>[VR可视]</div>
-    </li>
+      <div>〚VR可视〛</div>
+    </li> -->
 
-    <img v-if="isLargeScreen" class="splitter" src="@/assets/images/js_icon/bottom-menu-splitter.png" alt="" draggable="false">
+    <!-- <img v-if="isLargeScreen" class="splitter" src="@/assets/images/js_icon/bottom-menu-splitter.png" alt="" draggable="false"> -->
 
     <li
       v-if="isLargeScreen && metadata.backgroundMusic && metadata.backgroundMusic.id"
       @click="onIsBGM"
     >
       <img :src="require(`@/assets/images/js_icon/${!showMusicPlaying ? 'music_active.png' : 'music.png'}`)" alt="" draggable="false"/>
-      <div v-show="!showMusicPlaying">[打开音乐]</div>
-      <div v-show="showMusicPlaying">[关闭音乐]</div>
+      <div v-show="!showMusicPlaying">〚打开音乐〛</div>
+      <div v-show="showMusicPlaying">〚关闭音乐〛</div>
     </li>
     
     <img v-if="isLargeScreen && metadata.backgroundMusic && metadata.backgroundMusic.id" class="splitter music-inline-splitter" src="@/assets/images/js_icon/bottom-menu-splitter.png" alt="" draggable="false">
@@ -356,7 +356,7 @@ soundPlayer.on('pause', () => (showCommentaryPlaying.value = false))
         height: 3.646vw;
       }
       >div {
-        font-family: DreamHanSerifCN;
+        font-family: DreamHanSerifCN-W27;
         font-size: 0.833vw;
       }
     }

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

@@ -143,7 +143,7 @@ const close = () => {
       justify-content: center;
       background-size: initial;
       background-image: initial;
-      background-color: black;
+      background-color: rgba(0, 0, 0, 0.9);
       .close {
         color: rgba(255, 255, 255, 0.6);
         z-index: 999;
@@ -179,7 +179,7 @@ const close = () => {
           overflow: hidden;
           white-space: pre;
           text-overflow: ellipsis;
-          font-family: DreamHanSerifCN;
+          font-family: DreamHanSerifCN-W11;
         }
 
         &::-webkit-scrollbar {

src/pages/showMobile.vue

@@ -309,10 +309,14 @@ const handlePass = () => {
 </style>
 <style>
 @font-face {
-  font-family: 'DreamHanSerifCN';
+  font-family: 'DreamHanSerifCN-W27';
   src: url('@/assets/DreamHanSerifCN-W27.ttf');
 }
 @font-face {
+  font-family: 'DreamHanSerifCN-W11';
+  src: url('@/assets/DreamHanSerifCN-W11.ttf');
+}
+@font-face {
   font-family: 'kaiti';
   src: url('@/assets/simkai.ttf');
 }