移动端更新

web/public/static/js/Hot.js

@@ -40,7 +40,7 @@ window.initHot = function(model){
           , o = "en" == manage.number("lang") ? "&lang=" + manage.number("lang") : "";
         -1 == r.indexOf("?") ? src = link + "?time=" + randomTime().getTime() + "&id=" + window.number + o : src = link + "&time=" + randomTime().getTime() + "&id=" + window.number + o 
             
-        return src.replace('https://www.4dmodel.com/SuperTwo/hot_online1/', 'http://www.4dmodel.com/SuperTwo/hot_online1/')    
+        return src   
     }
     var removeSrcPostMark = function(url){//去除texture.load时自动加上的'?'
         var index = url.indexOf('?')

webM/public/static/css/main.css

@@ -4495,7 +4495,7 @@ a.tag-link {
     float: left;
     display: flex;
     justify-content: center;
-    background-color: #FFF6D2;
+    background-color: #A1653B;
 }
 
 .frame.noScroll {
@@ -4520,7 +4520,7 @@ a.tag-link {
     height: 30px;
     line-height: 30px;
     padding: 0;
-    color: #774926;
+    color: #FFF6D2;
     overflow: hidden;
     white-space: nowrap;
     text-align: center;
@@ -4580,12 +4580,12 @@ a.tag-link {
 .frame .slidee li.thumbImg.active>img,
 .frame .slidee li.thumbImg.hasHover.active>img:hover {
     opacity: 1;
-    border: 2px solid #CC946D;
+    border: 3px solid #FFF6D2;
 }
 
 .frame .slidee li.thumbImg.active>.overlay,
 .frame .slidee li.thumbImg.hasHover.active>.overlay:hover {
-    color: #CC946D;
+    color: #FFF6D2;
 }
 
 .scrollbar {
@@ -4626,7 +4626,7 @@ a.tag-link {
     left: 0;
     transition-property: bottom;
     transition-duration: .5s;
-    background-color: #FFF6D2;
+    background-color: #A1653B;
     z-index: 50
 }
 
@@ -4636,7 +4636,7 @@ a.tag-link {
 
 #status {
     width: 65px;
-    color: #774926;
+    color: #FFF6D2;
     font-family: OpenSans, 'Helvetica Neue', Arial, sans-serif;
     font-weight: 700;
     font-size: 11px;
@@ -4659,7 +4659,7 @@ a.tag-link {
 
 #progressBar .step::before {
     content: '';
-    background-color: #774926;
+    background-color: #FFF6D2;
     width: 100%;
     height: 100%;
     display: block

webM/src/views/gui/component/mapNav.vue

@@ -9,10 +9,8 @@
         v-for="item in data"
         :key="item.id"
       >
-        <img :src="require(`@/assets/img/${item.url}.jpg`)" alt="" />
-        <p>{{ item.name }}
-          <i></i>
-        </p>
+      <div class="rowTxt" v-html="item.name"></div>
+        <img :src="require(`@/assets/img/${item.url}.png`)" alt="" />
       </div>
     </div>
     <!-- 关闭按钮 -->
@@ -28,11 +26,16 @@ export default {
     //这里存放数据
     return {
       data: [
-        { name: "-", url: "1185" },
-        { name: "-", url: "1186" },
-        { name: "-", url: "1187" },
-        { name: "-", url: "1188" },
-        { name: "临洮5000年历史文物展", url: "1189" },
+        { name: "前沿", url: "1185" },
+        {
+          name: "<span>第一单元</span><br/>三大文明的发现地和革命地",
+          url: "1186",
+        },
+        { name: "<span>第二单元</span><br/>战国秦长城西端起首地", url: "1187" },
+        {
+          name: "<span>第三单元</span><br/>丝绸之路南线的枢纽和重镇",
+          url: "1188",
+        },
       ],
       refer: "",
     };
@@ -91,32 +94,26 @@ export default {
     height: calc(100% - 60px);
     overflow-y: auto;
     .row {
+      position: relative;
       margin-bottom: 20px;
-      background-color: #774926;
       width: 100%;
-      height: 130px;
+      height: 120px;
       & > img {
         width: 100%;
-        height: 90px;
+        height: 120px;
         object-fit: cover;
       }
-      & > p {
-        position: relative;
-        height: 40px;
-        line-height: 40px;
-        padding: 0 15px;
-        color: #fff6d2;
+    }
+    .rowTxt{
+      color: #774926;
+      position: absolute;
+      top: 50%;
+      left: 20px;
+      font-size: 16px;
+      transform: translateY(-50%);
+      /deep/span{
         font-size: 14px;
-        &>i{
-          width: 23px;
-          height: 23px;
-          position: absolute;
-          top: 50%;
-          right: 15px;
-          transform: translateY(-50%);
-          background: url('../../../assets/img/mapUp.png');
-          background-size: 100% 100%;
-        }
+        line-height: 30px;
       }
     }
     .noneAc{

webM/src/views/gui/component/share.vue

@@ -74,17 +74,7 @@ export default {
   bottom: 0;
   left: 0;
   z-index: 9998;
-  &::before {
-    content: "";
-    position: absolute;
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 100%;
-    background: rgba(161, 101, 59, 0.8);
-    backdrop-filter: blur(4px);
-    z-index: -1;
-  }
+
   .main {
     padding-top: 20px;
     border-radius: 8px;
@@ -94,7 +84,7 @@ export default {
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
-    background-color: rgba(204, 148, 109, 1);
+    background-color: rgba(161, 101, 59, .8);
     & > h3 {
       color: #fff6d2;
       font-size: 20px;

webM/src/views/gui/menu.vue

@@ -333,10 +333,10 @@ export default {
   computed: {},
   mounted() {},
   watch: {
-    packDo(val){
-      let dom = document.querySelector('#moveChange')
-      if(val) dom.classList.add('packDoCla')
-      else dom.classList.remove('packDoCla')
+    packDo(val) {
+      let dom = document.querySelector("#moveChange");
+      if (val) dom.classList.add("packDoCla");
+      else dom.classList.remove("packDoCla");
     },
     meanInd() {
       this.topMean = false;
@@ -397,6 +397,18 @@ export default {
     right: 0;
     width: 80%;
     height: calc(100% - 50px);
+    &::after {
+      opacity: .3;
+      content: "";
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      z-index: -1;
+      background: url("../../assets/img/tabBac.png");
+      background-size: 100% 100%;
+    }
     &::before {
       content: "";
       position: absolute;
@@ -404,18 +416,17 @@ export default {
       top: 0;
       width: 100%;
       height: 100%;
-      background: rgba(161, 101, 59, 0.8);
-      backdrop-filter: blur(4px);
-      z-index: -1;
+      background: #774926;
+      z-index: -2;
     }
     .row {
       position: relative;
-      color: #fff6d2;
-      border-bottom: 1px solid #fff6d2;
-      height: 120px;
-      line-height: 120px;
-      font-size: 24px;
-      padding-left: 60px;
+      color: #FFF6D2;
+      border-bottom: 1px solid #FFF6D2;
+      height: 80px;
+      line-height: 80px;
+      font-size: 20px;
+      padding-left: 30px;
       & > img {
         position: absolute;
         width: 10px;
@@ -426,7 +437,7 @@ export default {
     }
     .active {
       pointer-events: none;
-      color: #cc946d;
+      color: #CC946D;
     }
     .bottom {
       display: flex;