up

web/public/static/css/main.css

@@ -2756,6 +2756,7 @@ hr {
 }
 
 #gui, body, html {
+    overflow: hidden;
     -webkit-overflow-scrolling: touch
 }
 
@@ -2890,7 +2891,7 @@ ul{
 
 .message-inner {
     height: 100%;
-    display: table-cell;
+    /* display: table-cell; */
     text-align: center
 }
 
@@ -3227,7 +3228,7 @@ a.hasHover:hover, a:active {
     width: 24%;
     height: 10px;
     padding: 0px 20px;
-    margin: 40px auto;
+    margin: 400px auto 0;
     background: #fff;
     border-radius: 5px;
 }

web/src/App.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="vvvv">
+    <div class="vvvv" @touchstart.stop @touchmove.stop>
         <router-view/>
         <div class="orientation-tip" v-if="isMobile">
         <div>
@@ -18,9 +18,10 @@ export default {
 }
 </script>
 <style lang="less">
-.vvvv{
+.vvvv,html,body{
     width: 100%;
-    height: 100vh;
+    height: 100%;
+    overflow: hidden;
 }
 
 

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

@@ -97,6 +97,7 @@ export default {
     .conten {
       width: 80%;
       max-width: 375px;
+      top: calc(50% - 50px);
     }
   }
 }

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

@@ -136,6 +136,7 @@ export default {
       max-width: 375px;
       height: 240px;
       padding-top: 70px;
+      top: calc(50% - 50px);
       .top {
         margin-bottom: 10px;
       }