web

src/App.vue

 html,body,#app{
  height: 100%;
 }
+
 * {
     touch-action: pan-y;
 }
+html{
+touch-action: none;
+}
 #app {
   font-family: 'Avenir', Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;

src/components/commonComponents/footerNav.vue

 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style scoped>
 .footer{
-  height: 31%;
   background: #0F1C38;
   display: flex;
   justify-content: center;

src/components/commonComponents/icon.vue

           cancelAnimationFrame(timer)
           timer=requestAnimationFrame(function fn(){
             if(_that.scrollTop>0){
-              _that.scrollTop-=50;
+              _that.scrollTop-=200;
               document.body.scrollTop = document.documentElement.scrollTop = _that.scrollTop;
               timer=requestAnimationFrame(fn)
             }else {

src/components/pages/index.vue

     // align-items: center;
     // justify-content: center;
     .page-2_con {
-      margin-top: 14.5%;
+      margin-top: 11%;
       .title {
         font-size: 56px;
       }
     position: relative;
     .page-3_con {
       width: 100%;
-      margin-top: 8.5%;
-      margin-bottom: 3%;
       margin: auto;
       position: absolute;
-      bottom: 5%;
+      bottom: 2%;
       // padding: 8.5% 0 3% 0;
       .title {
         font-size: 56px;
+        margin: 2%;
         // margin-top: 7%;
         // padding-top: 5%;
         color: #fff;
         // width: 56.77%;
         // height: 680px;
         width: 50%;
-        min-width: 720px;
+        min-width: 540px;
         margin: 20px auto;
         .peoduce_top{
           display: flex;
     .page-5-con{
       // margin: 13%;
       position: absolute;
-    bottom: 37%;
+    bottom: 30%;
       .title {
       font-size: 56px;
+      margin-bottom: 30px;
       color: #fff;
     }
     .logo-box {