up

webM/src/views/About/index.vue

@@ -273,7 +273,7 @@ export default {
       overflow-x: auto;
       z-index: 10;
       .rowAll {
-        width: 545px;
+        width: 645px;
         padding: 20px;
         background-color: #f7f6f3;
         .row {

webM/src/views/Exhibitions/Detail.vue

@@ -250,6 +250,7 @@ export default {
 }
 
 .ExDetail {
+  padding-top: 50px;
   width: 100%;
   .topImg {
     width: 100%;

webM/src/views/Layout/index.vue

@@ -390,15 +390,16 @@ export default {
   //   pointer-events: none;
   // }
   .top {
-    position: relative;
     z-index: 990;
     display: flex;
     justify-content: space-between;
     padding: 0 10px;
     align-items: center;
     width: 100%;
+    max-width: 500px;
+    transform: translateX(-50%);
     top: 0;
-    left: 0;
+    left: 50%;
     position: fixed;
     height: 50px;
     z-index: 10;
@@ -551,7 +552,6 @@ export default {
   }
   // 菜单页面
   .meanPage {
-    position: relative;
     position: fixed;
     top: 0;
     left: 0;

webM/src/views/Learn/info.vue

@@ -124,6 +124,13 @@ export default {
         width: 100%;
         margin-bottom: 15px;
       }
+      /deep/ i {
+          font-weight: 700;
+          font-style: normal;
+      }
+      /deep/ .xx{
+        font-weight: 700;
+      }
     }
   }
 }

webM/src/views/Search/index.vue

@@ -204,7 +204,7 @@ export default {
     overflow-x: auto;
     z-index: 10;
     .rowAll {
-      width: 1256px;
+      width: 1356px;
       padding: 20px;
       background-color: #f7f6f3;
       .row {

webM/src/views/Visit/VisitInfo.vue

@@ -16,15 +16,15 @@
       </div>
     </div>
     <!-- 1 -->
-    <div class="info1" v-show="cutInd===0">
+    <div class="info1" v-show="cutInd === 0">
       <div class="title">Ways of Reservation</div>
       <img src="@/assets/img/Visit/pp1.jpg" alt="" />
       <p>
         There are 3,600 daily personal booking places, available through website
-        (3000 places) and telephone (600 places). The
-        website <a href="#/">首页（地址待定）</a> offers 24-hour service, and the telephone +86 (10)
-        63393339service is available from 09:00 to 17:00. One person is only
-        allowed to book one ticket.
+        (3000 places) and telephone (600 places). The website
+        <a href="#/">首页（地址待定）</a> offers 24-hour service, and the
+        telephone +86 (10) 63393339service is available from 09:00 to 17:00. One
+        person is only allowed to book one ticket.
       </p>
       <p>
         For group reservation, we offer 400 tickets a day. Please call +86 (10)
@@ -36,6 +36,7 @@
         seven days in advance.
       </p>
       <div class="title">Way to Get Ticket</div>
+      <img src="@/assets/img/Visit/pp2.jpg" alt="" />
       <p>
         For personal visitors, please obtain the ticket at the service center at
         the north door by
@@ -49,20 +50,58 @@
         the ground floor
       </p>
       <p>with valid documents and introductory letters.</p>
+      <div class="title">Entrance Time</div>
+      <img src="@/assets/img/Visit/pp3.jpg" alt="" />
+      <p>From 09:00-16:00, Tuesday to Sunday.</p>
+      <p>The museum is closed every Monday, except for holidays.</p>
+      <p>Please enter the museum before 16:00.</p>
+      <div class="title">Special Notices</div>
+      <p>
+        1. One ticket is only for one person and the ticket is only valid on the
+        date printed. Please have the ticket checked at the entrance.
+      </p>
+      <p>
+        2. Senior citizens (above 60) and handicapped persons can enter the
+        exhibition with valid documents even without reservation. Please ask
+        museum personnel for help.
+      </p>
+      <p>
+        3. Space in the exhibition is limited, so museum may control the visitor
+        numbers at any time to ensure orderly and pleasant viewing. Thanks for
+        your understanding and cooperation.
+      </p>
+      <p>
+        4. The exhibition lasts for three months. Please keep this in mind when
+        planning a visit.
+      </p>
     </div>
     <!-- 2 -->
-    <div class="info1" v-show="cutInd===1">
-      <p>We encourage groups and travel agencies to make reservations by telephone.</p>
-      <p>Requirements: Name of the tour group, full name of the person making the reservation, </p>
+    <div class="info1" v-show="cutInd === 1">
+      <img src="@/assets/img/Visit/pp5.jpg" alt="" />
+
+      <p>
+        We encourage groups and travel agencies to make reservations by
+        telephone.
+      </p>
+      <p>
+        Requirements: Name of the tour group, full name of the person making the
+        reservation,
+      </p>
       <p>contact information and number of group members.</p>
-      <p>Telephone reservation (group visitors): +86 (10) 63370458 </p>
+      <p>Telephone reservation (group visitors): +86 (10) 63370458</p>
+      <img src="@/assets/img/Visit/pp6.jpg" alt="" />
+    </div>
+    <!-- 3 -->
+    <div class="info1" v-show="cutInd === 2">
+      <p>
+        Ticket-reservation is subject to change when there is a large museum
+        event or a special opening ceremony for a new exhibition. The Capital
+        Museum will make a publicannouncement in advance. Please visit the
+        official website or inquire by telephone for detailed information.
+      </p>
+      <p>Official website: 首页（地址待定）</p>
+      <p>Phone: +86 (10) 63370491</p>
     </div>
-  <!-- 3 -->
-  <div class="info1" v-show="cutInd===2">
-    <p>Ticket-reservation is subject to change when there is a large museum event or a special opening ceremony for a new exhibition. The Capital Museum will make a publicannouncement in advance. Please visit the official website or inquire by telephone for detailed information.</p>
-    <p>Official website: 首页（地址待定）</p>
-    <p>Phone: +86 (10) 63370491</p>
-  </div>
   </div>
 </template>
 
@@ -143,7 +182,7 @@ export default {
     & > img {
       width: 100%;
     }
-    &>h3{
+    & > h3 {
       position: absolute;
       font-size: 24px;
       color: #fff;

webM/src/views/Visit/index.vue

@@ -386,7 +386,7 @@ export default {
       overflow-x: auto;
       z-index: 10;
       .rowAll {
-        width: 1045px;
+        width: 1150px;
         padding: 20px;
         background-color: #f7f6f3;
         .row {