web

src/App.vue

@@ -18,9 +18,13 @@ export default {
 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

@@ -21,7 +21,6 @@ export default {
 <!-- 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

@@ -71,7 +71,7 @@ export default {
           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

@@ -437,7 +437,7 @@ export default {
     // align-items: center;
     // justify-content: center;
     .page-2_con {
-      margin-top: 14.5%;
+      margin-top: 11%;
       .title {
         font-size: 56px;
       }
@@ -456,14 +456,13 @@ export default {
     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;
@@ -473,7 +472,7 @@ export default {
         // width: 56.77%;
         // height: 680px;
         width: 50%;
-        min-width: 720px;
+        min-width: 540px;
         margin: 20px auto;
         .peoduce_top{
           display: flex;
@@ -658,9 +657,10 @@ export default {
     .page-5-con{
       // margin: 13%;
       position: absolute;
-    bottom: 37%;
+    bottom: 30%;
       .title {
       font-size: 56px;
+      margin-bottom: 30px;
       color: #fff;
     }
     .logo-box {