优化

zhiyangdu
1 parent 06b25c3a
Showing 2 changed files with 10 additions and 9 deletions
src/pages/index/index.less
src/pages/index/index.vue
 .box {
     width: 100%;
-    height: 100vh;
+    min-height: 1600px;
     background: url("../../../static/img/background.jpg") no-repeat center top;
     background-size: 100%;
     overflow: hidden;
+    position: relative;
     .btn_box {
         width: 750px;
         height: 570px;
@@ -29,9 +30,15 @@
     }
     .bottom_box {
         width: 100%;
-        position: fixed;
+        position: absolute;
         left: 0px;
         bottom: 0px;
+        .bottom_backg {
+            width: 100%;
+            height: 270px;
+            background: url("../../../static/img/bottom.png") no-repeat;
+            background-size: 100% 100%;
+        }
     }
     //.text {
     //    width: 466px;
@@ -43,10 +50,4 @@
     //    background-size: 100%;
     //    margin: 0 auto
     //}
-    .bottom_backg {
-        width: 100%;
-        height: 270px;
-        background: url("../../../static/img/bottom.png") no-repeat;
-        background-size: 100% 100%;
-    }
 }
 <template>
   <div>
-  <div @touchmove.stop.prevent class="box">
+  <div class="box">
       <div class="btn_box">
           <div @click="link(1)" class="btn">