|
@@ -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%;
|