up

web/public/static/js/Hot.js

@@ -42,7 +42,7 @@ window.initHot = function(model){
         -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/', '/hot/') //线下调试
-        return src.replace('https://www.4dmodel.com/SuperTwo/hot_online1/', '/erhai//hot/')  //打包
+        return src.replace('https://www.4dmodel.com/SuperTwo/hot_online1/', '/erhai/hot/')  //打包
     }
     var removeSrcPostMark = function(url){//去除texture.load时自动加上的'?'
         var index = url.indexOf('?')

web/src/components/exhibition/index.vue

@@ -55,6 +55,10 @@ export default {
     };
   },
   methods: {
+    isShowHide(){
+      this.isShow=false
+    },
+    // 封装一个隐藏地图的方法，让父组件调用 ↑
     handleItem(val) {
       // 中文版
       if (this.Mylangue) {
@@ -67,6 +71,8 @@ export default {
     isShow(newVal) {
       let css = newVal ? "0px" : "-310px";
       $(".cad").css({ right: css });
+      // 展开地图的时候隐藏移动端的菜单
+      if(newVal) this.$emit('meanMHide')
     },
   },
   mounted() {

web/src/components/welcome/index.vue

@@ -70,6 +70,7 @@ export default {
     min-height: 100vh;
   }
   .SeLanguage {
+    pointer-events: none;
     opacity: 0;
     transition: all 1.5s;
     position: absolute;
@@ -163,6 +164,7 @@ export default {
   }
   .active{
     opacity: 1;
+    pointer-events:initial
   }
 }
 

web/src/pages/Home.vue

@@ -26,7 +26,7 @@
         <v-title />
 
         <!-- 底部菜单 -->
-        <v-menu />
+        <v-menu @mapHide='mapHide' ref="vMenuRef"/>
 
         <!-- 导览 -->
         <v-guide />
@@ -74,7 +74,7 @@
       </div>
     </div>
     <!-- 小地图 -->
-    <exhibition class="exhibition" />
+    <exhibition class="exhibition" ref="exhibitionRef" @meanMHide="meanMHide"/>
   </div>
 </template>
 
@@ -120,6 +120,13 @@ export default {
   },
 
   methods: {
+    meanMHide(){
+      this.$refs.vMenuRef.mobilShowHide()
+    },
+    mapHide(){
+     this.$refs.exhibitionRef.isShowHide()
+    },
+    // 移动端点击菜单隐藏小地图 ↑
     hideWelcome() {
       this.showWelcome = false;
       window.manage.switchBgmState(true);

web/src/views/gui/component/issue.vue

@@ -19,7 +19,7 @@
         <div class="begin_right">
           <template v-if="Mylangue">
             <p>欢迎来到</p>
-            <p>大理洱海科普教育中心趣味问答小游戏，</p>
+            <p>大理洱海科普教育中心趣味课题小游戏，</p>
             <p>您将随机抽取二十道题进行作答，</p>
             <p>答对十二题及以上为闯关成功！</p>
           </template>
@@ -118,16 +118,30 @@
                 : "Share this poster to spread the word about Erhai's rich culture."
             }}
           </p>
-          <img :src="`share/${Mylangue?'shareM':'shareMEn'}.png`" alt="" v-if="isMobile" />
-          <img :src="`share/${Mylangue?'share':'shareEn'}.png`" alt="" v-else />
-          <a class="btnn" :href="`share/${Mylangue?'shareM':'shareMEn'}.png`" download v-if="isMobile"
-            >{{
-            Mylangue ? "保存海报" : "Save the poster"
-          }}</a
+          <img
+            :src="`share/${Mylangue ? 'shareM' : 'shareMEn'}.png`"
+            alt=""
+            v-if="isMobile"
+          />
+          <img
+            :src="`share/${Mylangue ? 'share' : 'shareEn'}.png`"
+            alt=""
+            v-else
+          />
+          <a
+            class="btnn"
+            :href="`share/${Mylangue ? 'shareM' : 'shareMEn'}.png`"
+            download
+            v-if="isMobile"
+            >{{ Mylangue ? "保存海报" : "Save the poster" }}</a
+          >
+          <a
+            class="btnn"
+            :href="`share/${Mylangue ? 'share' : 'shareEn'}.png`"
+            download
+            v-else
+            >{{ Mylangue ? "保存海报" : "Save the poster" }}</a
           >
-          <a class="btnn" :href="`share/${Mylangue?'share':'shareEn'}.png`" download v-else>{{
-            Mylangue ? "保存海报" : "Save the poster"
-          }}</a>
         </div>
       </div>
       <!-- 答错失败 -->
@@ -187,9 +201,11 @@ export default {
     //点击确定
     btnOk() {
       if (this.caseInd === null)
-        return this.$message.warning(
-          `${this.Mylangue ? "未选择答案" : "No Answer is Selected"}`
-        );
+        return this.$message({
+          message: `${this.Mylangue ? "未选择答案" : "No Answer is Selected"}`,
+          type: "warning",
+          center: true,
+        });
       if (this.topic[this.topicInd].correct === this.caseABC) {
         // console.log('答对了');
         this.caseErr = "zhengQue";
@@ -537,6 +553,7 @@ export default {
     }
 
     .main {
+      min-height: 500px;
       max-height: 640px;
       width: 100%;
       max-width: 350px;
@@ -557,13 +574,13 @@ export default {
           width: 130px;
           height: 240px;
           .renwen {
-            left: -15px;
+            left: -22px;
           }
         }
         .begin_right {
           padding-top: 10px;
           & > p {
-            font-size: 16px;
+            font-size: 14px;
             margin-bottom: 5px;
           }
           .btnn {
@@ -577,7 +594,7 @@ export default {
       }
       .EnActive {
         .begin_left {
-          margin: 40px auto 50px;
+          margin: 40px auto 40px;
           width: 280px;
           height: 122px;
           background: url("../../../assets/img/issueEn.png");
@@ -601,9 +618,14 @@ export default {
         }
         .topic_con {
           & > li {
+            min-height: 58px;
             height: auto;
             padding: 10px 0;
             font-size: 16px;
+            & > span {
+              display: inline-block;
+              max-width: calc(100% - 85px);
+            }
             .case {
               width: 20px;
               height: 20px;
@@ -670,7 +692,7 @@ export default {
             font-size: 16px;
           }
           & > img {
-            height: 220px;
+            height: 200px;
             margin: 10px 0;
           }
           .btnn {

web/src/views/gui/component/quality.vue

@@ -152,6 +152,7 @@ export default {
       display: flex;
       flex-wrap: wrap;
       .row {
+        cursor: pointer;
         margin-right: 10px;
         margin-bottom: 20px;
         overflow: hidden;

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

@@ -56,6 +56,7 @@ export default {
       this.$message({
         message: `${this.Mylangue ? "复制成功" : "copy successful"}`,
         type: "success",
+        center: true
       });
     },
   },

web/src/views/gui/menu.vue

@@ -374,14 +374,24 @@ export default {
     };
   },
   computed: {},
+  watch:{
+    mobilShow(val){
+      if(val) {
+        this.$emit('mapHide')
+      }
+    }
+  },
   mounted() {
     this.getlikeCon("detail/");
   },
   methods: {
+    mobilShowHide(){
+      this.mobilShow=false
+    },
+    // 封装一个移动端菜单隐藏的方法，让父组件调用 ↑
     // 切换语言
     langueCut() {
       if (window.location.href.indexOf("_1") > -1) {
-        console.log();
         window.location.href = window.location.origin +window.location.pathname+ window.location.hash.slice(0, -2);
       } else window.location.href = window.location.origin +window.location.pathname+window.location.hash+'_1';
       location.reload(true);