修改图标

web/public/index.html

@@ -6,7 +6,7 @@
     <meta name="viewport"
         content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-    <title>中国华能</title>
+    <title>珠海高新区中共党史学习教育园地线上展厅</title>
     <meta name="description" content="四维时代">
     <meta property="og:title" content="四维时代">
     <meta property="og:description" content="四维时代">

web/public/static/css/css/main.css

@@ -3462,7 +3462,7 @@ a.hasHover:hover, a:active {
 
 .viewContainer {
     float: left;
-    position: relative
+    position: relative;
 }
 
 .viewContainer>div {
@@ -3685,7 +3685,8 @@ a.hasHover:hover, a:active {
 }
 
 .viewContainer>div {
-    float: left
+    float: left;
+    
 }
 
 .gui-floor {
@@ -4070,7 +4071,7 @@ a.hasHover:hover, a:active {
     height: 20px;
     padding: 6px;
     color: #fff;
-    background-color: rgba(0, 0, 0, .7);
+    background-color: rgba(0, 0, 0, .5);
     overflow: hidden;
     white-space: nowrap;
     font-weight: 100;
@@ -6912,7 +6913,7 @@ a.hasHover.tag-link:hover {
     right: 16px;
     cursor: pointer;
     text-shadow: rgb(0, 0, 0) 0px 0px 5px;
-    box-shadow: rgba(0, 0, 0, 0.7) 0px 0px 5px, rgba(0, 0, 0, 0.7) 0px 0px 5px inset;
+    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px, rgba(0, 0, 0, 0.5) 0px 0px 5px inset;
 }
 
 #myCompany.JLogo {

web/public/static/css/css/sceen2.css

@@ -6867,7 +6867,7 @@ a.hasHover.tag-link:hover {
   right: 16px;
   cursor: pointer;
   text-shadow: rgb(0, 0, 0) 0px 0px 5px;
-  box-shadow: rgba(0, 0, 0, 0.7) 0px 0px 5px, rgba(0, 0, 0, 0.7) 0px 0px 5px inset;
+  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px, rgba(0, 0, 0, 0.5) 0px 0px 5px inset;
 }
 
 #myCompany.JLogo{ height: 30px;}

web/public/static/css/main.css

@@ -3448,14 +3448,14 @@ a.hasHover:hover, a:active {
     right: 0;
     text-shadow: 0 0 1px rgba(0, 0, 0, .6);
     z-index: 50;
-    bottom: 10px;
+    bottom: 30px;
 }
 
 .pinBottom.left {
     z-index: 50;
     border-radius: 10px;
-    left: 10px;
-    bottom: 10px;
+    left: 0px;
+    bottom: 30px;
 }
 
 .pinBottom.left .icon {
@@ -3473,7 +3473,7 @@ a.hasHover:hover, a:active {
 
 #gui-modes-map>div[rel] {
     float: left;
-    width: 80px;
+    width: 50px;
     display: flex;
     justify-content: center;
     align-items: center;
@@ -3869,7 +3869,7 @@ a.hasHover:hover, a:active {
 
 #play, #pause {
     position: relative;
-    width: 80px;
+    width: 50px;
     display: flex;
     justify-content: center;
     align-items: center;
@@ -6904,7 +6904,7 @@ a.hasHover.tag-link:hover {
     right: 16px;
     cursor: pointer;
     text-shadow: rgb(0, 0, 0) 0px 0px 5px;
-    box-shadow: rgba(0, 0, 0, 0.7) 0px 0px 5px, rgba(0, 0, 0, 0.7) 0px 0px 5px inset;
+    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px, rgba(0, 0, 0, 0.5) 0px 0px 5px inset;
 }
 
 #myCompany.JLogo {
@@ -6987,6 +6987,12 @@ a.hasHover.tag-link:hover {
     .pinBottom.right .ui-icon {
         margin-right: 5px;
     }
+    /* #volume{
+        z-index: 9999;
+        position: absolute;
+        left: 10px;
+        bottom: 5px;
+    } */
     .pinBottom.right, .pinBottom.left {
         bottom: 5px;
     }
@@ -6998,10 +7004,12 @@ a.hasHover.tag-link:hover {
         flex-direction: column;
     }
     #play, #pause {
-        width: 64px;
+        width: 50px;
+        padding-bottom: 10px;
     }
     #gui-modes-map>div[rel] {
-        width: 64px;
+        width: 50px;
+        padding-bottom: 10px;
     }
     .progressbar {
         width: 70%;
@@ -7028,6 +7036,13 @@ a.hasHover.tag-link:hover {
 	.viewContainer, #gui-modes-map {
         display: block !important;
     }
+    .viewContainer{
+        padding: 10px 20px 10px 0;
+        display: flex !important;
+        align-items: center;
+        background-color: rgba(0, 0, 0, .5);
+        border-radius: 0 20px 20px 0;
+    }
 }
 
 @media only screen and (max-width: 370px) {

web/public/static/css/sceen2.css

@@ -6867,7 +6867,7 @@ a.hasHover.tag-link:hover {
   right: 16px;
   cursor: pointer;
   text-shadow: rgb(0, 0, 0) 0px 0px 5px;
-  box-shadow: rgba(0, 0, 0, 0.7) 0px 0px 5px, rgba(0, 0, 0, 0.7) 0px 0px 5px inset;
+  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px, rgba(0, 0, 0, 0.5) 0px 0px 5px inset;
 }
 
 #myCompany.JLogo{ height: 30px;}

web/public/static/js/loadCAD.js

@@ -52,6 +52,7 @@ window.grendCAD = (function grendCAD() {
     let style = document.createElement('style')
     style.innerHTML = `
       .jiantou{
+        display: none!important;
         position: fixed;
         width: 40px;
         height: 50px;
@@ -72,6 +73,7 @@ window.grendCAD = (function grendCAD() {
         transform: rotate(180deg);
       }
       .cadouter {
+        display: none!important;
         position: absolute;
         right: 80px;
         top: 46px;
@@ -88,6 +90,7 @@ window.grendCAD = (function grendCAD() {
       }
 
       .cad {
+        display: none!important;
         position: absolute;
         left: 50%;
         top: 50%;

web/public/static/js/manage.js

@@ -140,6 +140,8 @@ Manage.prototype.switchBgmState = function(state){
         g_playAudio = g_bgAudio;
         $("#volume img").attr("src", "./static/images/musicoff.png")
         $("#volume").attr("title", "关闭声音");
+        $("#myMoMu img").attr("src", "./static/images/musicoff.png")
+        $("#myMoMu").attr("title", "关闭声音");
         g_tourAudio && g_tourAudio.pause()
     }
     var paused = function(){ 
@@ -147,6 +149,8 @@ Manage.prototype.switchBgmState = function(state){
         g_playAudio == g_bgAudio && (g_playAudio =  null)
         $("#volume img").attr("src", "./static/images/musicon.png")
         $("#volume").attr("title", "打开声音");
+        $("#myMoMu img").attr("src", "./static/images/musicon.png")
+        $("#myMoMu").attr("title", "打开声音");
     }
     
     if(state ){

web/src/components/popupLayout/Loading.vue

@@ -26,7 +26,7 @@ export default {
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
-  background-color: rgba(0, 0, 0, 0.7);
+  background-color: rgba(0, 0, 0, 0.5);
   background-size: cover;
   background-position: center;
   .ui-con{

web/src/components/welcome/index.vue

@@ -1,9 +1,22 @@
 <template>
   <div class="welcome">
       <img class="bg" :src="require(`@/assets/images/project/${isMobile?'mobile.jpg':'pc.jpg'}`)" alt="">
-      <div class="btn"  @click.stop="$emit('close')" :style="{backgroundImage:`url(${require('@/assets/images/project/btn.png')})`}">
-        <span >点击进入</span>
+      <div class="btn" v-if="!isMobile"  @click.stop="$emit('close')" :style="{backgroundImage:`url(${require('@/assets/images/project/btn.png')})`}">
+      <span>主办方：主办方名称</span>
       </div>
+      <div class="btn" v-else @click.stop="$emit('close')" :style="{backgroundImage:`url(${require('@/assets/images/project/btnMo.png')})`}">
+      <span class="txt">进入线上展厅</span>
+      <span>主办方：主办方名称</span>
+      </div>
+      <!-- 点击跳转 -->
+      <a class="skip"></a>
+      <a class="skip skip2"></a>
+      <a class="skip skip3"></a>
+      <a class="skip skip4"></a>
+      <a class="skip skip5"></a>
+      <a class="skip skip6"></a>
+      <a class="skip skip7"></a>
+      <a class="skip skip8"></a>
   </div>
 </template>
 
@@ -50,20 +63,60 @@ export default {
     font-size: 0;
     display: inline-block;
     cursor: pointer;
-    width: 230px;
-    height: 90px;
+    width: 316px;
+    height: 104px;
     background-size: cover;
     background-color: none;
     >span{
       font-size: 24px;
       position: absolute;
-      top: 50%;
+      top: 110%;
       left: 50%;
-      transform: translate(-50%,-50%);
+      transform: translate(-50%);
       letter-spacing: 2px;
-      color: #fff;
+      color: #AC3334;
     }
   }
+  .skip{
+    position: absolute;
+    width: 150px;
+    height: 100px;
+    background-color: rosybrown;
+    left: 17vw;
+    top: 30vh;
+  }
+  .skip2{
+    left: 33vw;
+  }
+  .skip3{
+    width: 100px;
+    top:44vh;
+  }
+  .skip4{
+    width: 100px;
+    top:44vh;
+    left: 25vw;
+  }
+  .skip5 {
+    width: 100px;
+    top:44vh;
+    left: 34vw;
+  }
+  .skip6 {
+    width: 100px;
+    top:57vh;
+  }
+  .skip7 {
+    width: 100px;
+    top:57vh;
+    left: 25vw;
+  }
+  .skip8 {
+    left: 34vw;
+    width: 100px;
+    top:57vh;
+  }
+  
 }
 
 
@@ -95,15 +148,23 @@ export default {
     }
     .btn{
         position: absolute;
-        bottom: 40px;
+        bottom: 3vh;
         left: 50%;
         transform: translateX(-50%);
         z-index: 99;
-        width: 230px*@scale;
-        height: 90px*@scale;
+        width: 200px*@scale;
+        height: 100px*@scale;
       >span{
+        top: 95%;
         font-size: 16px;
       }
+      .txt{
+        font-size:14px;
+        color:#F3D4BD;
+        z-index: 99999;
+        top: 45%;
+        transform: translate(-52%,-50%);
+      }
     }
   }
 }

web/src/pages/Home.vue

@@ -136,7 +136,7 @@ export default {
       window.evt.initEvent("loadfinish", false, false);
       window.addEventListener("loadfinish", () => {
         this.loading=false
-        document.title = "中国华能"
+        document.title = "珠海高新区中共党史学习教育园地线上展厅"
         this.getHotSpotList();
         window.player.on("openTips", () => {
           this.$showTips()

web/src/views/gui/menu.vue

@@ -30,7 +30,7 @@
           >
             <a>
               <img
-                title=""
+                title="自动漫游"
                 :src="require('@/assets/images/icon/play.png')"
                 width="24"
                 height="24"
@@ -69,7 +69,7 @@
               @click="isGuide = !isGuide"
               id="pullTab"
               rel="tooltip"
-              title=""
+              title="场景导览"
             >
               <img
                 class="icon icon-inside"
@@ -82,6 +82,7 @@
             </div>
 
             <div
+              title="全景漫游"
               data-original-title="全景漫游"
               id="gui-modes-inside"
               rel="tooltip"
@@ -97,6 +98,7 @@
               />
             </div>
             <div
+              title="迷你漫游"
               data-original-title="迷你模型"
               id="gui-modes-dollhouse"
               rel="tooltip"
@@ -116,7 +118,7 @@
               data-original-title="俯视图"
               id="gui-modes-floorplan"
               rel="tooltip"
-              title=""
+              title="顶部俯视"
             >
               <img
                 class="icon icon-inside"
@@ -129,6 +131,26 @@
                 
               />
             </div>
+            <!-- 音乐 -->
+          <!-- <div id="volume" @click="switchBGM" class="ui-icon bgandshare wide">
+          <div>
+            <img :src="require('@/assets/images/icon/musicon.png')" />
+          </div>
+          </div> -->
+            <div
+              style="display:none;"
+              @click="switchBGM"
+              id="myMoMu"
+              data-original-title="音乐"
+            >
+              <img
+                class="icon icon-inside"
+                :src="require('@/assets/images/icon/musicoff.png')"
+                title="关闭音乐"
+              />
+            </div>
+        
+
             <div
               data-original-title="VR"
               id="vr"
@@ -187,6 +209,7 @@
           </div>
           <div class="container"></div>
         </div>
+
         <div id="volume" @click="switchBGM" class="ui-icon bgandshare wide">
           <div>
             <img :src="require('@/assets/images/icon/musicon.png')" />
@@ -215,7 +238,7 @@
           class="ui-icon wide"
           data-placement="top"
           rel="tooltip"
-          title="{[{ VIEW_FULLSCREEN }]}"
+          title="全屏"
         >
           <a>
             <img :src="require('@/assets/images/icon/fullscreen.png')" />
@@ -227,7 +250,7 @@
           class="ui-icon wide"
           data-placement="top"
           rel="tooltip"
-          title="{[{ EXIT_FULLSCREEN }]}"
+          title="关闭全屏"
           style="display: none"
         >
           <a>
@@ -239,6 +262,12 @@
         </div>
       </div>
     </div>
+    <!-- 右侧菜单栏 -->
+    <div class="rightTab">
+      <div>
+        <img src="" alt="">
+      </div>
+    </div>
   </div>
 </template>
 
@@ -268,7 +297,17 @@ export default {
 </script>
 
 <style lang="less" scoped>
-@wh: 54px;
+.rightTab{
+  position: fixed;
+  right: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 110px;
+  height: 465px;
+  background-color: rgba(0,0,0,.5);
+}
+// 右侧菜单栏
+@wh: 22px;
 @margin: 0px;
 #play,
 #pause {
@@ -309,15 +348,33 @@ export default {
 }
 
 #gui-fullscreen img{
-  width:50px;
+  width:22px;
 
 }
-
+#volume{
+  width: 50px;
+  padding: 10px;
+  background-color: rgba(0,0,0,.5) !important;
+  border-radius: 50%;
+}
+#gui-fullscreen{
+  background-color: rgba(0,0,0,.5) !important;
+    border-radius: 50%;
+}
+#gui-fullscreen-exit{
+    width: 50px;
+    background-color: rgba(0,0,0,.5) !important;
+    border-radius: 50%;
+}
+#gui-fullscreen-exit img {
+  width: 22px !important;
+}
 .bgandshare {
   background: none !important;
-  margin-right: 20px!important;
+  // margin-right: 20px!important;
   > div {
-    width: 50px!important;
+    width: 22px!important;
+    margin-left: 3px;
     cursor: pointer;
     img {
       width: 100%;
@@ -326,7 +383,19 @@ export default {
 }
 
 @media only screen and (max-width: 487px) {
-  @wh: 56px;
+  #myMoMu{
+  display: block !important;
+}
+#myMoMu img {
+  margin-left: 12px;
+}
+.viewContainer{
+  background-color: rgba(0,0,0,.7);
+  padding: 15px 0 10px;
+  border-radius: 50px;
+}
+
+  @wh: 22px;
   @margin:10px;
   #play,
   #pause {
@@ -359,10 +428,11 @@ export default {
   }
 
  .bgandshare {
+    display: none !important;
     display: flex;
     position: fixed;
-    top: 2%;
-    right: 6px;
+    left: 50px;
+    bottom:25px;
     flex-direction: column;
     margin-right: 10px!important;
     > div {
@@ -372,6 +442,9 @@ export default {
       }
     }
   }
+  #volume{
+    background-color: transparent !important;
+  }
   
 }
 </style>