Commit 9666d01c32f9a9c389e29b9105802667372d96b7

Authored by zhiyangdu
1 parent 06b25c3a

优化

src/pages/index/index.less
1 .box { 1 .box {
2 width: 100%; 2 width: 100%;
3 - height: 100vh; 3 + min-height: 1600px;
4 background: url("../../../static/img/background.jpg") no-repeat center top; 4 background: url("../../../static/img/background.jpg") no-repeat center top;
5 background-size: 100%; 5 background-size: 100%;
6 overflow: hidden; 6 overflow: hidden;
  7 + position: relative;
7 .btn_box { 8 .btn_box {
8 width: 750px; 9 width: 750px;
9 height: 570px; 10 height: 570px;
@@ -29,9 +30,15 @@ @@ -29,9 +30,15 @@
29 } 30 }
30 .bottom_box { 31 .bottom_box {
31 width: 100%; 32 width: 100%;
32 - position: fixed; 33 + position: absolute;
33 left: 0px; 34 left: 0px;
34 bottom: 0px; 35 bottom: 0px;
  36 + .bottom_backg {
  37 + width: 100%;
  38 + height: 270px;
  39 + background: url("../../../static/img/bottom.png") no-repeat;
  40 + background-size: 100% 100%;
  41 + }
35 } 42 }
36 //.text { 43 //.text {
37 // width: 466px; 44 // width: 466px;
@@ -43,10 +50,4 @@ @@ -43,10 +50,4 @@
43 // background-size: 100%; 50 // background-size: 100%;
44 // margin: 0 auto 51 // margin: 0 auto
45 //} 52 //}
46 - .bottom_backg {  
47 - width: 100%;  
48 - height: 270px;  
49 - background: url("../../../static/img/bottom.png") no-repeat;  
50 - background-size: 100% 100%;  
51 - }  
52 } 53 }
src/pages/index/index.vue
1 <template> 1 <template>
2 <div> 2 <div>
3 - <div @touchmove.stop.prevent class="box"> 3 + <div class="box">
4 <div class="btn_box"> 4 <div class="btn_box">
5 <div @click="link(1)" class="btn"> 5 <div @click="link(1)" class="btn">
6 6