shaogen1995 3 years ago
parent
commit
4e0a69672a
3 changed files with 128 additions and 94 deletions
  1. 2 2
      web/public/static/js/manage.js
  2. BIN
      web/src/assets/tabMo/bg.jpg
  3. 126 92
      web/src/views/gui/menu.vue

+ 2 - 2
web/public/static/js/manage.js

@@ -1,8 +1,8 @@
   
 var g_ProjectName=window.location.pathname.substring(window.location.pathname.indexOf("/")+1,window.location.pathname.lastIndexOf("/"));
 // var g_Prefix="https://super.4dage.com/";
-// var g_Prefix="http://project.4dage.com:8011/";//有自己的大场景编辑后台的 - 线上场景调试
-var g_Prefix=window.origin+'/';//有自己的大场景编辑后台的 - 打包
+var g_Prefix="http://project.4dage.com:8011/";//有自己的大场景编辑后台的 - 线上场景调试
+// var g_Prefix=window.origin+'/';//有自己的大场景编辑后台的 - 打包
 // var g_Prefix=window.location.href.substring(0,window.location.href.indexOf("/index.html")+1);
 var s = window.location.href.split('/');
     s.pop();

BIN
web/src/assets/tabMo/bg.jpg


+ 126 - 92
web/src/views/gui/menu.vue

@@ -298,37 +298,35 @@
       <div class="conten">
         <!-- 关闭按钮 -->
         <div class="btnX" @click="rightTab2[0].isShow = false">
-          <img src="@/assets/tab/×.png" alt="" />
+          <img src="@/assets/tab/×Red.png" alt="" />
         </div>
         <!-- 标题 -->
-        <div class="Motitle">
-          党史路线
-
-          <div
-            class="toIndexTxt"
-            @click="(rightTab2[0].isShow = false), $emit('openIndex')"
-          >
-            珠海市高新区红色云展厅
-          </div>
-        </div>
+        <div
+          class="Motitle"
+          @click="(rightTab2[0].isShow = false), $emit('openIndex')"
+        ></div>
 
         <!-- 地图 -->
-        <div class="MoMap">
-          <img src="@/assets/tabMo/moTab1Map.png" alt="" />
-        </div>
+        <!-- <div class="MoMap">
+          <img src="@/assets/tabMo/bg.png" alt="" />
+        </div> -->
         <!-- 3个小地图 -->
-        <div class="minMap minMap1">
-          <a href="javascript:;"
-                      @click="
-              skipIframe(
-                'http://www.4dmodel.com/SuperTwo/index.html?m=1257'
-              )
+        <div class="MMapBox">
+          <a
+            class="MMInco MMInco1"
+            href="javascript:;"
+            @click="
+              skipIframe('http://www.4dmodel.com/SuperTwo/index.html?m=1257')
             "
           ></a>
-          <a href="javascript:;" @click="toHideHot('C9Xzw4A682213')"></a>
-        </div>
-        <div class="minMap minMap2">
           <a
+            class="MMInco MMInco2"
+            href="javascript:;"
+            @click="toHideHot('C9Xzw4A682213')"
+          ></a>
+
+          <a
+            class="MMInco MMInco3"
             href="javascript:;"
             @click="
               skipIframe(
@@ -337,6 +335,7 @@
             "
           ></a>
           <a
+            class="MMInco MMInco4"
             href="javascript:;"
             @click="
               skipIframe(
@@ -345,21 +344,23 @@
             "
           ></a>
           <a
+            class="MMInco MMInco5"
             href="javascript:;"
             @click="
               skipIframe('https://www.4dmodel.com/SuperTwo/index.html?m=997')
             "
           ></a>
-        </div>
-        <div class="minMap minMap3">
-          <a href="javascript:;"></a>
-          <a href="javascript:;"
-                      @click="
-              skipIframe(
-                'http://www.4dmodel.com/SuperTwo/index.html?m=1034'
-              )
-            "></a>
+
+          <a class="MMInco MMInco6" href="javascript:;"></a>
           <a
+            class="MMInco MMInco7"
+            href="javascript:;"
+            @click="
+              skipIframe('http://www.4dmodel.com/SuperTwo/index.html?m=1034')
+            "
+          ></a>
+          <a
+            class="MMInco MMInco8"
             href="javascript:;"
             @click="
               skipIframe(
@@ -367,11 +368,21 @@
               )
             "
           ></a>
-        </div>
-        <div class="minMap minMap4">
-          <a href="javascript:;" @click="toHideHot('SkJMnNI650604')"></a>
-          <a href="javascript:;" @click="toHideHot('LKkKYP679393')"></a>
-          <a href="javascript:;" @click="toHideHot('1jugHED669838')"></a>
+          <a
+            class="MMInco MMInco9"
+            href="javascript:;"
+            @click="toHideHot('SkJMnNI650604')"
+          ></a>
+          <a
+            class="MMInco MMInco10"
+            href="javascript:;"
+            @click="toHideHot('LKkKYP679393')"
+          ></a>
+          <a
+            class="MMInco MMInco11"
+            href="javascript:;"
+            @click="toHideHot('1jugHED669838')"
+          ></a>
         </div>
       </div>
     </div>
@@ -660,7 +671,6 @@
           title="派诺科技"
           @click="toHideHot('1jugHED669838')"
         ></a>
-
       </div>
     </div>
     <!-- pc  --答题 -------------------------->
@@ -957,13 +967,11 @@ export default {
   computed: {},
   mounted() {},
   methods: {
-
     // 给父组件调用的方法
-    openOneSon(){
-      if(this.isMobile) {
-        this.rightTab2[0].isShow=true
-        }
-      else this.rightTab[0].isShow=true
+    openOneSon() {
+      if (this.isMobile) {
+        this.rightTab2[0].isShow = true;
+      } else this.rightTab[0].isShow = true;
     },
 
     toHideHot(id) {
@@ -1377,8 +1385,6 @@ export default {
       cursor: pointer;
       position: absolute;
       z-index: 10;
-      background-color: #5e1616;
-      opacity: .5;
     }
     .imgClick1 {
       top: 365px;
@@ -2223,19 +2229,17 @@ export default {
 
   .MoTab1 {
     .conten {
-      .btnX{
+      background: url("../../assets/tabMo/bg.jpg") !important;
+      background-size: 100% 100% !important;
+      .btnX {
         z-index: 99;
       }
       .Motitle {
+        margin: 0 auto !important;
         position: relative;
-
-        .toIndexTxt {
-          position: absolute;
-          left: 10px;
-          bottom: -22px;
-          font-size: 14px;
-          color: #edd3b0;
-        }
+        width: 141px;
+        height: 63px;
+        border: none !important;
       }
     }
   }
@@ -2286,43 +2290,73 @@ export default {
         height: 100%;
       }
     }
-    .minMap {
-      margin: 20px 0 0 20px;
-      width: 268px;
-      height: 45px;
-      background: url("../../assets/tabMo/map1.png");
-      background-size: 100% 100%;
-      display: flex;
-      justify-content: space-around;
-      padding-left: 38px;
-      a {
-        z-index: 9999;
-        background-color: transparent;
-        width: 60px;
-        height: 100%;
-      }
-    }
-
-    .minMap2 {
-      width: 255px;
-      height: 38px;
-      background: url("../../assets/tabMo/map2.png");
-      background-size: 100% 100%;
-    }
-    .minMap3 {
-      width: 255px;
-      height: 38px;
-      background: url("../../assets/tabMo/map3.png");
-      background-size: 100% 100%;
-    }
-    .minMap4 {
-      padding-left: 60px;
-      width: 243px;
-      height: 38px;
-      background: url("../../assets/tabMo/map4.png");
-      background-size: 100% 100%;
-      a {
-        width: 50px;
+    .MMapBox {
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      width: 100%;
+      height: 240px;
+      .MMInco {
+        position: absolute;
+        top: 10px;
+        left: 10px;
+        width: 80px;
+        height: 35px;
+      }
+      .MMInco1 {
+        top: 25px;
+        left: 45px;
+        width: 122px;
+      }
+      .MMInco2 {
+        top: 25px;
+        left: 191px;
+        width: 98px;
+      }
+      .MMInco3 {
+        top: 80px;
+        left: 45px;
+        width: 62px;
+      }
+      .MMInco4 {
+        top: 80px;
+        left: 125px;
+        width: 62px;
+      }
+      .MMInco5 {
+        top: 80px;
+        left: 195px;
+        width: 82px;
+      }
+      .MMInco6 {
+        top: 136px;
+        left: 45px;
+        width: 63px;
+      }
+      .MMInco7 {
+        top: 136px;
+        left: 124px;
+        width: 61px;
+      }
+      .MMInco8 {
+        top: 136px;
+        left: 193px;
+        width: 82px;
+      }
+      .MMInco9 {
+        top: 192px;
+        left: 45px;
+        width: 64px;
+      }
+      .MMInco10 {
+        top: 192px;
+        left: 124px;
+        width: 59px;
+      }
+      .MMInco11 {
+        top: 192px;
+        left: 191px;
+        width: 64px;
       }
     }
   }