up

webM/src/views/About/index.vue

@@ -356,12 +356,14 @@ export default {
       }
     }
   }
-  .curSorll {
-    z-index: 99;
-    position: fixed;
-    top: 0;
-    left: 0;
-  }
+    .curSorll {
+      max-width: 500px;
+      z-index: 99;
+      position: fixed;
+      top: 0;
+      left: 50%;
+      transform: translateX(-50%);
+    }
 }
 @media screen and (max-width: 370px) {
   #About3 {

webM/src/views/Exhibitions/data.js

@@ -211,7 +211,7 @@ export const Permanent = [
     yrahTxt: '',
     cover: '/data/Exhibitions/Permanent/9.jpg',
     h3: 'Folk Customs in Old Beijing',
-    p: "The theme of this exhibition is 'Life in Hutong.' By displaying the scenes of wedding, birth giving and festivals among the ordinary people living in Hutong, it portrays a vivid close-up on customs and rituals of the people's life in Beijing tracing back history to late Qing and early Republic of China period.",
+    p: `The theme of this exhibition is "Life in Hutong." By displaying the scenes of wedding, birth giving and festivals among the ordinary people living in Hutong, it portrays a vivid close-up on customs and rituals of the people's life in Beijing tracing back history to late Qing and early Republic of China period.`,
     info: {
       topImg: '9',
       imgLast: '.png',
@@ -220,7 +220,7 @@ export const Permanent = [
       time: '',
       loc: 'Room F, F5',
       page: [
-        { tit: '', article: "<p>The theme of this exhibition is 'Life in Hutong.' By displaying the scenes of wedding, birth giving and festivals among the ordinary people living in Hutong, it portrays a vivid close-up on customs and rituals of the people's life in Beijing tracing back history to late Qing and early Republic of China period.</p>" },
+        { tit: '', article: `<p>The theme of this exhibition is "Life in Hutong." By displaying the scenes of wedding, birth giving and festivals among the ordinary people living in Hutong, it portrays a vivid close-up on customs and rituals of the people's life in Beijing tracing back history to late Qing and early Republic of China period.</p>` },
       ],
       objects: 0,
       galleries: 88

webM/src/views/Exhibitions/dataAll.js

@@ -215,7 +215,7 @@ export const dataAll = {
         yrahTxt: '',
         cover: '/data/Exhibitions/Permanent/9.jpg',
         h3: 'Folk Customs in Old Beijing',
-        p: "The theme of this exhibition is 'Life in Hutong.' By displaying the scenes of wedding, birth giving and festivals among the ordinary people living in Hutong, it portrays a vivid close-up on customs and rituals of the people's life in Beijing tracing back history to late Qing and early Republic of China period.",
+        p: `The theme of this exhibition is "Life in Hutong." By displaying the scenes of wedding, birth giving and festivals among the ordinary people living in Hutong, it portrays a vivid close-up on customs and rituals of the people's life in Beijing tracing back history to late Qing and early Republic of China period.`,
         info: {
           topImg: '9',
           imgLast: '.png',
@@ -224,7 +224,7 @@ export const dataAll = {
           time: '',
           loc: 'Room F, F5',
           page: [
-            { tit: '', article: "<p>The theme of this exhibition is 'Life in Hutong.' By displaying the scenes of wedding, birth giving and festivals among the ordinary people living in Hutong, it portrays a vivid close-up on customs and rituals of the people's life in Beijing tracing back history to late Qing and early Republic of China period.</p>" },
+            { tit: '', article: `<p>The theme of this exhibition is "Life in Hutong." By displaying the scenes of wedding, birth giving and festivals among the ordinary people living in Hutong, it portrays a vivid close-up on customs and rituals of the people's life in Beijing tracing back history to late Qing and early Republic of China period.</p>` },
           ],
           objects: 0,
           galleries: 88

webM/src/views/Exhibitions/index.vue

@@ -136,11 +136,13 @@ export default {
       color: #fff;
     }
   }
-  .curSorll {
-    z-index: 99;
-    position: fixed;
-    top: 0;
-    left: 0;
-  }
+    .curSorll {
+      max-width: 500px;
+      z-index: 99;
+      position: fixed;
+      top: 0;
+      left: 50%;
+      transform: translateX(-50%);
+    }
 }
 </style>

webM/src/views/Join/index.vue

@@ -127,11 +127,13 @@ export default {
       color: #fff;
     }
   }
-  .curSorll {
-    z-index: 99;
-    position: fixed;
-    top: 0;
-    left: 0;
-  }
+    .curSorll {
+      max-width: 500px;
+      z-index: 99;
+      position: fixed;
+      top: 0;
+      left: 50%;
+      transform: translateX(-50%);
+    }
 }
 </style>

webM/src/views/Layout/index.vue

@@ -510,8 +510,10 @@ export default {
   .searchBox {
     padding: 10px;
     position: fixed;
+    max-width: 500px;
     top: 0;
-    left: 0;
+    left: 50%;
+    transform: translateX(-50%);
     z-index: 992;
     width: 100vw;
     height: 100vh;
@@ -553,8 +555,10 @@ export default {
   // 菜单页面
   .meanPage {
     position: fixed;
+    max-width: 500px;
     top: 0;
-    left: 0;
+    left: 50%;
+    transform: translateX(-50%);
     z-index: 991;
     width: 100vw;
     height: 100vh;

webM/src/views/Learn/index.vue

@@ -120,11 +120,13 @@ export default {
       color: #fff;
     }
   }
-  .curSorll {
-    z-index: 99;
-    position: fixed;
-    top: 0;
-    left: 0;
-  }
+    .curSorll {
+      max-width: 500px;
+      z-index: 99;
+      position: fixed;
+      top: 0;
+      left: 50%;
+      transform: translateX(-50%);
+    }
 }
 </style>

webM/src/views/Publications/index.vue

@@ -127,11 +127,13 @@ export default {
       color: #fff;
     }
   }
-  .curSorll {
-    z-index: 99;
-    position: fixed;
-    top: 0;
-    left: 0;
-  }
+    .curSorll {
+      max-width: 500px;
+      z-index: 99;
+      position: fixed;
+      top: 0;
+      left: 50%;
+      transform: translateX(-50%);
+    }
 }
 </style>

webM/src/views/Search/data.js

@@ -98,7 +98,7 @@ export const Exhibitions = [
     id: 10,
     cover: '/data/Exhibitions/Permanent/9.jpg',
     h3: 'Folk Customs in Old Beijing',
-    p: "The theme of this exhibition is 'Life in Hutong.' By displaying the scenes of wedding, birth giving and festivals among the ordinary people living in Hutong, it portrays a vivid close-up on customs and rituals of the people's life in Beijing tracing back history to late Qing and early Republic of China period.",
+    p: `The theme of this exhibition is "Life in Hutong." By displaying the scenes of wedding, birth giving and festivals among the ordinary people living in Hutong, it portrays a vivid close-up on customs and rituals of the people's life in Beijing tracing back history to late Qing and early Republic of China period.`,
     path: '#/Layout/Detail?id=10&k=2'
   },
   {

webM/src/views/Search/dataAll.js

@@ -96,7 +96,7 @@ export const dataAll =[
     id: 10,
     cover: '/data/Exhibitions/Permanent/9.jpg',
     h3: 'Folk Customs in Old Beijing',
-    p: "The theme of this exhibition is 'Life in Hutong.' By displaying the scenes of wedding, birth giving and festivals among the ordinary people living in Hutong, it portrays a vivid close-up on customs and rituals of the people's life in Beijing tracing back history to late Qing and early Republic of China period.",
+    p: `The theme of this exhibition is "Life in Hutong." By displaying the scenes of wedding, birth giving and festivals among the ordinary people living in Hutong, it portrays a vivid close-up on customs and rituals of the people's life in Beijing tracing back history to late Qing and early Republic of China period.`,
     path: '#/Layout/Detail?id=10&k=2'
   },
   {

webM/src/views/Visit/VisitInfo.vue

@@ -23,7 +23,7 @@
         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
+        telephone <br/>+86 (10) 63393339 service is available from 09:00 to 17:00. One
         person is only allowed to book one ticket.
       </p>
       <p>

webM/src/views/Visit/index.vue

@@ -583,10 +583,12 @@ export default {
       }
     }
     .curSorll {
+      max-width: 500px;
       z-index: 99;
       position: fixed;
       top: 0;
-      left: 0;
+      left: 50%;
+      transform: translateX(-50%);
     }
   }
 }