up

webM/src/assets/base.css

@@ -44,7 +44,6 @@ html {
  */
 
 body {
-    font-family:Bold;
     margin: 0;
 }
 

webM/src/views/Exhibitions/Detail.vue

@@ -323,17 +323,19 @@ export default {
         left: 50%;
         transform: translateX(-50%);
         .page {
+          opacity: 0.3;
+          color: #b79550;
           position: absolute;
           font-weight: 700;
           right: 5px;
           bottom: 5px;
-          font-size: 14px;
+          font-size: 16px;
         }
         .txt {
-          touch-action: pan-y!important;
+          touch-action: pan-y !important;
           padding: 20px;
           width: 100%;
-          height: 480px;
+          height: 466px;
           overflow-y: auto;
           & > h3 {
             color: #bc1c24;
@@ -368,7 +370,7 @@ export default {
     }
     padding: 40px 0 0;
     .box3_Obj {
-      touch-action: pan-y!important;
+      touch-action: pan-y !important;
       display: flex;
       align-items: center;
       justify-content: space-around;

webM/src/views/Home/index.vue

@@ -20,11 +20,15 @@
         </div>
         <div class="towTxt">
           <h3>Opening Hours 09:00-17:00</h3>
-          <p>No admission after 16:00 <br />Closed on Monday</p>
+          <p>No admission after 16:00 <br />Closed on Mondays(Except for holidays)</p>
         </div>
         <div class="towTxt">
-          <h3>Phone</h3>
-          <p>+86 (10) 63370491</p>
+          <h3>Individual visitors:</h3>
+          <p>+86 (10) 63393339</p>
+        </div>
+        <div class="towTxt">
+          <h3>Group visitors:</h3>
+          <p>+86 (10) 63370458</p>
         </div>
         <ul class="row">
           <li v-for="item in vData" :key="item.id" @click="skip(item.path)">
@@ -181,6 +185,7 @@ export default {
             color: #bc1c24;
           }
           & > p {
+            font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
             font-size: 12px;
             line-height: 12px;
           }

webM/src/views/Join/Volunteer.vue

@@ -5,16 +5,18 @@
     @swiperight="moveSwiper(0)"
   >
     <div
-      @click="skip(item.id)"
       class="row"
       :class="{ active: index === imgInd }"
       v-for="(item, index) in imgList"
       :key="index"
     >
       <!-- <p>{{ item.name }}</p> -->
-      <img
-        :src="require(`@/assets/img/Join/${item.id}.png`)" alt=""
-      />
+      <div class="dingwei">
+        <div :class="{ activeBox: 0 === imgInd }" @click="skip('1')"></div>
+        <div :class="{ activeBox: 1 === imgInd }" @click="skip('2')"></div>
+        <div :class="{ activeBox: 2 === imgInd }" @click="skip('3')"></div>
+      </div>
+      <img :src="require(`@/assets/img/Join/${item.id}.png`)" alt="" />
     </div>
   </v-touch>
 </template>
@@ -73,7 +75,7 @@ export default {
 </script>
 <style lang='less' scoped>
 .JoinVo {
-  touch-action: pan-y!important;
+  touch-action: pan-y !important;
   padding: 20px 0 40px;
   background-color: #f7f6f3;
   .row {
@@ -83,9 +85,21 @@ export default {
     width: 100%;
     opacity: 0;
     height: 0;
-    &>img{
+    & > img {
       width: 100%;
     }
+    .dingwei {
+      position: absolute;
+      width: 100%;
+      height: 100%;
+      display: flex;
+      & > div {
+        width: 30%;
+      }
+      .activeBox{
+        width: 40%;
+      }
+    }
   }
   .active {
     opacity: 1;