增加一个新路线，取消打卡挑剔文字阴影

web/src/views/gui/menu.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="pinBottom-container" @touchstart.stop @keydown.stop>
-        <Iframe :url='iframeUrl' :myIframe.sync='myIframe'/>
+    <Iframe :url="iframeUrl" :myIframe.sync="myIframe" />
 
     <div class="pinBottom center">
       <div id="view-controllers"></div>
@@ -274,7 +274,12 @@
       </div>
     </div>
     <!-- 菜单栏-手机 -->
-    <div v-else class="shouji" @touchstart="isShowMo = !isShowMo" v-show="!myIframe">
+    <div
+      v-else
+      class="shouji"
+      @touchstart="isShowMo = !isShowMo"
+      v-show="!myIframe"
+    >
       <img src="@/assets/tab/shouji.png" alt="" />
       <ul v-show="isShowMo">
         <li
@@ -311,7 +316,7 @@
             href="javascript:;"
             @click="
               skipIframe(
-                'https://www.4dkankan.com/spc.html?m=rVuZY399SA&lang=zh'
+                'https://www.4dkankan.com/spc.html?m=uqNseUZY9F&lang=zh'
               )
             "
           ></a>
@@ -319,7 +324,7 @@
             href="javascript:;"
             @click="
               skipIframe(
-                'https://www.4dkankan.com/spc.html?m=uqNseUZY9F&lang=zh'
+                'https://www.4dkankan.com/spc.html?m=rVuZY399SA&lang=zh'
               )
             "
           ></a>
@@ -335,7 +340,14 @@
         <div class="minMap minMap3">
           <a href="javascript:;"></a>
           <a href="javascript:;"></a>
-          <a href="javascript:;"></a>
+          <a
+            href="javascript:;"
+            @click="
+              skipIframe(
+                'https://www.4dkankan.com/spc.html?m=9ZqmhsI1Iq&lang=zh'
+              )
+            "
+          ></a>
         </div>
         <div class="minMap minMap4">
           <a href="javascript:;"></a>
@@ -575,13 +587,13 @@
           <div>
             <a
               target="_blank"
-              href="https://www.4dkankan.com/spc.html?m=rVuZY399SA&lang=zh"
-              title="淇澳村使馆"
+              href="https://www.4dkankan.com/spc.html?m=uqNseUZY9F&lang=zh"
+              title="苏兆征广场"
             ></a>
             <a
               target="_blank"
-              href="https://www.4dkankan.com/spc.html?m=uqNseUZY9F&lang=zh"
-              title="苏兆征广场"
+              href="https://www.4dkankan.com/spc.html?m=rVuZY399SA&lang=zh"
+              title="淇澳村使馆"
             ></a>
             <a
               target="_blank"
@@ -592,7 +604,7 @@
           <div>
             <a href="javascript:;"></a>
             <a href="javascript:;"></a>
-            <a href="javascript:;"></a>
+            <a target="_blank" href="https://www.4dkankan.com/spc.html?m=9ZqmhsI1Iq&lang=zh" title="廉洁文化园内苏兆征雕像广场"></a>
           </div>
           <div>
             <a href="javascript:;"></a>
@@ -822,17 +834,17 @@
 </template>
 
 <script>
-import Iframe from '@/components/iframe'
+import Iframe from "@/components/iframe";
 //引入题目
 import { questions } from "@/assets/js/data.js";
 import html2canvas from "html2canvas";
 export default {
-  components: {Iframe},
+  components: { Iframe },
   data() {
     return {
       isGuide: true,
       //--------------手机端数据------------------
-      iframeUrl:'',
+      iframeUrl: "",
       myIframe: false,
       //留言板
       MoTab3LiuShow: true, //控制留言板信息和输入的切换
@@ -894,10 +906,10 @@ export default {
   computed: {},
   mounted() {},
   methods: {
-    //移动端跳转 
+    //移动端跳转
     skipIframe(url) {
-        this.iframeUrl=url
-        this.myIframe = true;
+      this.iframeUrl = url;
+      this.myIframe = true;
     },
     //移动端答错再来一次
     MobtnAga() {
@@ -941,12 +953,12 @@ export default {
       this.tab4NameShow = false;
       this.topicXShow = false;
       setTimeout(() => {
-        // 第一个参数是需要生成截图的元素,第二个是自己需要配置的参数,宽高等
+        //第一个参数是需要生成截图的元素,第二个是自己需要配置的参数,宽高等
         html2canvas(this.$refs.pcTab4, {
           backgroundColor: null,
-          useCORS: true, // 如果截图的内容里有图片,可能会有跨域的情况,加上这个参数,解决文件跨域问题
+          useCORS: true, //如果截图的内容里有图片,可能会有跨域的情况,加上这个参数,解决文件跨域问题
         }).then((canvas) => {
-          let base64String = canvas.toDataURL("image/png"); // 最终生成图片的 url
+          let base64String = canvas.toDataURL("image/png"); //最终生成图片的url
           this.base64SUrlTab4 = base64String;
           // console.log(999, base64String);
           //base64格式图片转换为FormData对象进行上传
@@ -1089,9 +1101,9 @@ export default {
         //第一个参数是需要生成截图的元素,第二个是自己需要配置的参数,宽高等
         html2canvas(this.$refs.topicDui, {
           backgroundColor: null,
-          useCORS: true, // 如果截图的内容里有图片,可能会有跨域的情况,加上这个参数,解决文件跨域问题
+          useCORS: true, //如果截图的内容里有图片,可能会有跨域的情况,加上这个参数,解决文件跨域问题
         }).then((canvas) => {
-          let base64String = canvas.toDataURL("image/png"); // 最终生成图片的 url
+          let base64String = canvas.toDataURL("image/png"); //最终生成图片的url
           this.base64SUrl = base64String;
           // console.log(999, base64String);
           //base64格式图片转换为FormData对象进行上传
@@ -1389,7 +1401,6 @@ export default {
       }
       .biaoti {
         font-weight: 700;
-        text-shadow: 9px 8px 2px rgb(111 40 40);
         font-size: 28px;
       }
     }
@@ -1716,16 +1727,13 @@ export default {
     .RWbac3 {
       background: url("../../assets/tab/daka3.png");
       background-size: 100% 100%;
-      .title h3 {
-        text-shadow: 9px 8px 2px #000;
-      }
       // .tab4Name {
       //   color: #ac3334;
       // }
       // .txt {
       //   color: #ac3334;
       // }
-      
+
       .qrCode a {
         color: #fff;
       }
@@ -1735,7 +1743,6 @@ export default {
       background-size: 100% 100%;
       .title h3 {
         color: #ac3334;
-        text-shadow: none;
       }
       .tab4Name {
         color: #ac3334;
@@ -1746,7 +1753,7 @@ export default {
       .qrCode a {
         color: #fff;
       }
-      .title{
+      .title {
         border-bottom: 2px solid #ac3334;
       }
     }
@@ -1755,7 +1762,6 @@ export default {
       background-size: 100% 100%;
       .title h3 {
         color: #ac3334;
-        text-shadow: none;
       }
       .tab4Name {
         color: #ac3334;
@@ -1763,7 +1769,7 @@ export default {
       .txt {
         color: #ac3334;
       }
-      .title{
+      .title {
         border-bottom: 2px solid #ac3334;
       }
     }
@@ -1772,7 +1778,6 @@ export default {
       background-size: 100% 100%;
       .title h3 {
         color: #ac3334;
-        text-shadow: none;
       }
       .tab4Name {
         color: #ac3334;
@@ -1783,7 +1788,7 @@ export default {
       .qrCode a {
         color: #fff;
       }
-      .title{
+      .title {
         border-bottom: 2px solid #ac3334;
       }
     }
@@ -1854,7 +1859,6 @@ export default {
     }
     .title {
       h3 {
-        text-shadow: 9px 8px 2px rgb(111 40 40);
         font-size: 28px;
       }
     }
@@ -2442,7 +2446,7 @@ export default {
     }
   }
   .MoTab4 {
-    /deep/.el-select .el-input .el-select__caret{
+    /deep/.el-select .el-input .el-select__caret {
       display: flex;
       justify-content: center;
       align-items: center;
@@ -2569,7 +2573,7 @@ export default {
         text-align: center;
         font-size: 20px;
         & > span {
-        margin: 20px 0 0 0;
+          margin: 20px 0 0 0;
           display: block;
           font-size: 26px;
         }