Selaa lähdekoodia

Merge branch 'master' of http://git.ycjcjy.com/dianyang/colmo-h5

张延森 3 vuotta sitten
vanhempi
commit
fde3093a5e
1 muutettua tiedostoa jossa 8 lisäystä ja 17 poistoa
  1. 8
    17
      src/pages/Test.vue

+ 8
- 17
src/pages/Test.vue Näytä tiedosto

@@ -8,7 +8,7 @@
8 8
       <div class="slider-wrapper">
9 9
         <!-- 左滑动 -->
10 10
         <div class="body-swiper-left">
11
-          <img style="width:70%;position: relative; right: -1vw;" src="../assets/buttonImage/2左滑.png" />
11
+          <img src="../assets/buttonImage/2左滑.png" />
12 12
         </div>
13 13
 
14 14
         <!-- swiper -->
@@ -19,7 +19,7 @@
19 19
 
20 20
         <!-- 右滑动 -->
21 21
         <div class="body-swiper-right">
22
-          <img style="width:70%;position: relative; right: -1vw;" src="../assets/buttonImage/3右滑.png" />
22
+          <img src="../assets/buttonImage/3右滑.png" />
23 23
         </div>
24 24
       </div>
25 25
       <div class="button-img" @click="() => this.$router.push('/signup')">
@@ -98,9 +98,6 @@ export default {
98 98
 
99 99
 <style lang="scss" scoped>
100 100
 .index-box {
101
-  width: 100vw;
102
-  height: 100vh;
103
-  display: flex;
104 101
   .bg-image {
105 102
     width: 100%;
106 103
     height: 100vh;
@@ -110,19 +107,12 @@ export default {
110 107
     position: absolute;
111 108
     width: 100vw;
112 109
     top: 47.5vh;
113
-    display: flex;
114
-
115
-    .slider-wrapper {
116
-      width: 100%;
117
-      position: relative;
118
-    }
119
-
120 110
     &-left {
121
-      left: 1vw;
111
+      left: 2vw;
122 112
     }
123 113
 
124 114
     &-right {
125
-      right: 1vw;
115
+      right: 2vw;
126 116
     }
127 117
 
128 118
     &-left,
@@ -130,11 +120,12 @@ export default {
130 120
       position: absolute;
131 121
       display: flex;
132 122
       align-items: center;
133
-      margin: 0 auto;
134
-      z-index: 10;
135 123
       top: -2vh;
136 124
       height: 100%;
137
-      width: 6vw;
125
+      width: 5vw;
126
+      img {
127
+        width: 100%;
128
+      }
138 129
     }
139 130
     &-middle {
140 131
       width: 100%;