Browse Source

修改路线图片

shaogen1995 3 years ago
parent
commit
e77ac6d884

BIN
web/src/assets/tab/tab1_1.png


BIN
web/src/assets/tab/tab1_2.png


BIN
web/src/assets/tab/tab1_3.png


BIN
web/src/assets/tab/tab1_4.png


BIN
web/src/assets/tab/tab1map.png


BIN
web/src/assets/tabMo/map1.png


BIN
web/src/assets/tabMo/map2.png


BIN
web/src/assets/tabMo/map3.png


BIN
web/src/assets/tabMo/map4.png


BIN
web/src/assets/tabMo/moTab1Map.png


+ 9 - 9
web/src/pages/Home.vue

@@ -31,7 +31,7 @@
         <v-title />
 
         <!-- 底部菜单 -->
-        <v-menu />
+        <v-menu @openIndex="showWelcome = true" />
 
         <!-- 导览 -->
         <v-guide />
@@ -164,13 +164,13 @@ export default {
       });
     });
     // 顶部俯视的时候禁止鼠标放大缩小和拖动
-        $('.myBacImg').bind('mousewheel', () => {
-            return false
-        });
+    $(".myBacImg").bind("mousewheel", () => {
+      return false;
+    });
 
-        $('.myBacImg').bind('pointermove touchmove', () => {
-            return false
-        });
+    $(".myBacImg").bind("pointermove touchmove", () => {
+      return false;
+    });
   },
 };
 </script>
@@ -224,8 +224,8 @@ export default {
 
 @media screen and (max-width: 600px) {
   .myBacImg .img {
-  background: url("../assets/myBacImgMo.png");
-  background-size: 100% 100%;
+    background: url("../assets/myBacImgMo.png");
+    background-size: 100% 100%;
     width: 100vw;
     height: 110vw;
   }

+ 72 - 8
web/src/views/gui/menu.vue

@@ -301,7 +301,18 @@
           <img src="@/assets/tab/×.png" alt="" />
         </div>
         <!-- 标题 -->
-        <div class="Motitle">党史路线</div>
+        <div class="Motitle">党史路线
+
+                  <div
+          class="toIndexTxt"
+          @click="(rightTab2[0].isShow = false), $emit('openIndex')"
+        >
+          珠海市高新区红色云展厅
+        </div>
+        </div>
+
+
+
         <!-- 地图 -->
         <div class="MoMap">
           <img src="@/assets/tabMo/moTab1Map.png" alt="" />
@@ -568,6 +579,12 @@
         <div class="title">
           <h3>珠海高新区中共党史学习教育园地</h3>
         </div>
+        <div
+          class="toIndexTxt"
+          @click="(rightTab[0].isShow = false), $emit('openIndex')"
+        >
+          珠海市高新区红色云展厅
+        </div>
         <!-- 地图 -->
         <div class="map">
           <img src="../../assets/tab/tab1map.png" alt="" />
@@ -576,13 +593,17 @@
         <div class="bottom">
           <div>
             <a href="javascript:;"></a>
-            <a href="javascript:;" title='上栅村史馆' @click="toHideHot('C9Xzw4A682213')"></a>
+            <a
+              href="javascript:;"
+              title="上栅村史馆"
+              @click="toHideHot('C9Xzw4A682213')"
+            ></a>
           </div>
           <div>
             <a
               target="_blank"
               href="https://www.4dkankan.com/spc.html?m=uqNseUZY9F&lang=zh"
-              title="苏兆征广场"
+              title="淇澳广场"
             ></a>
             <a
               target="_blank"
@@ -605,13 +626,25 @@
             <a
               target="_blank"
               href="https://www.4dkankan.com/spc.html?m=9ZqmhsI1Iq&lang=zh"
-              title="廉洁文化园内苏兆征雕像广场"
+              title="共乐园"
             ></a>
           </div>
           <div>
-            <a href="javascript:;" title='金山软件' @click="toHideHot('SkJMnNI650604')"></a>
-            <a href="javascript:;" title='世纪鼎利' @click="toHideHot('LKkKYP679393')"></a>
-            <a href="javascript:;" title='派诺科技' @click="toHideHot('1jugHED669838')"></a>
+            <a
+              href="javascript:;"
+              title="金山软件"
+              @click="toHideHot('SkJMnNI650604')"
+            ></a>
+            <a
+              href="javascript:;"
+              title="世纪鼎利"
+              @click="toHideHot('LKkKYP679393')"
+            ></a>
+            <a
+              href="javascript:;"
+              title="派诺科技"
+              @click="toHideHot('1jugHED669838')"
+            ></a>
           </div>
         </div>
       </div>
@@ -1297,7 +1330,21 @@ export default {
   color: #edd3b0;
   outline: none;
 }
-
+.pcTab1 {
+  .conten {
+    position: relative;
+    .toIndexTxt {
+      cursor: pointer;
+      position: absolute;
+      top: 113px;
+      left: 78px;
+      font-size: 26px;
+      color: #edd3b0;
+      letter-spacing: 2px;
+      font-weight: 700;
+    }
+  }
+}
 .myTab {
   position: fixed;
   top: 0;
@@ -1305,6 +1352,7 @@ export default {
   width: 100vw;
   height: 100vh;
   background-color: rgba(0, 0, 0, 0.3);
+
   .conten {
     position: absolute;
     left: 50%;
@@ -2074,6 +2122,22 @@ export default {
     width: 78%;
     padding: 8px;
   }
+
+  .MoTab1 {
+    .conten {
+      .Motitle{
+        position: relative;
+
+      .toIndexTxt {
+        position: absolute;
+        left: 10px;
+        bottom: -22px;
+        font-size: 14px;
+        color: #edd3b0
+      }
+      }
+    }
+  }
   //-------------------------------------------------移动端的个样式调整-------------------------------
   .MoTab {
     color: #edd3b0;