默认提交
Showing
16 changed files
with
27 additions
and
7 deletions
src/assets/images/index/banner-m1-en.jpg
0 → 100755
293 KB
src/assets/images/index/banner-m1-tc.jpg
0 → 100755
294 KB
src/assets/images/index/banner-m1-zh.jpg
0 → 100755
292 KB
src/assets/images/index/banner-m2-en.jpg
0 → 100755
300 KB
src/assets/images/index/banner-m2-tc.jpg
0 → 100755
299 KB
src/assets/images/index/banner-m2-zh.jpg
0 → 100755
298 KB
src/assets/images/index/banner-p1-en.png
0 → 100644
1.01 MB
src/assets/images/index/banner-p1-tc.png
0 → 100644
1.02 MB
src/assets/images/index/banner-p1-zh.png
0 → 100644
1.02 MB
src/assets/images/index/banner-p2-en.png
0 → 100644
920 KB
src/assets/images/index/banner-p2-tc.png
0 → 100644
928 KB
src/assets/images/index/banner-p2-zh.png
0 → 100644
929 KB
... | @@ -132,6 +132,16 @@ | ... | @@ -132,6 +132,16 @@ |
132 | background-image: linear-gradient(to top, #000000, #ffffff), linear-gradient(to bottom, #ec6429, #ec6429); | 132 | background-image: linear-gradient(to top, #000000, #ffffff), linear-gradient(to bottom, #ec6429, #ec6429); |
133 | } | 133 | } |
134 | 134 | ||
135 | @media (max-width: 1200px) { | ||
136 | .container { | ||
137 | display: -webkit-box; | ||
138 | overflow-x: scroll; | ||
139 | -webkit-overflow-scrolling: touch; | ||
140 | width: 92vw; | ||
141 | |||
142 | } | ||
143 | } | ||
144 | |||
135 | 145 | ||
136 | @media (max-width: 768px) { | 146 | @media (max-width: 768px) { |
137 | .form { | 147 | .form { | ... | ... |
... | @@ -83,8 +83,7 @@ | ... | @@ -83,8 +83,7 @@ |
83 | position: relative; | 83 | position: relative; |
84 | 84 | ||
85 | // input和下拉 | 85 | // input和下拉 |
86 | .ipt { | 86 | .ipt {} |
87 | } | ||
88 | 87 | ||
89 | .disable { | 88 | .disable { |
90 | background-color: #dcdddd; | 89 | background-color: #dcdddd; |
... | @@ -169,6 +168,17 @@ | ... | @@ -169,6 +168,17 @@ |
169 | } | 168 | } |
170 | 169 | ||
171 | 170 | ||
171 | @media (max-width: 1200px) { | ||
172 | .container { | ||
173 | display: -webkit-box; | ||
174 | overflow-x: scroll; | ||
175 | -webkit-overflow-scrolling: touch; | ||
176 | width: 92vw; | ||
177 | |||
178 | } | ||
179 | } | ||
180 | |||
181 | |||
172 | @media (max-width: 768px) { | 182 | @media (max-width: 768px) { |
173 | .form { | 183 | .form { |
174 | &-item2 { | 184 | &-item2 { | ... | ... |
... | @@ -241,7 +241,7 @@ | ... | @@ -241,7 +241,7 @@ |
241 | .swiper-pagination-fraction, | 241 | .swiper-pagination-fraction, |
242 | .swiper-pagination-custom, | 242 | .swiper-pagination-custom, |
243 | .swiper-container-horizontal>.swiper-pagination-bullets { | 243 | .swiper-container-horizontal>.swiper-pagination-bullets { |
244 | bottom: 52px; | 244 | bottom: 2px; |
245 | } | 245 | } |
246 | 246 | ||
247 | } | 247 | } | ... | ... |
... | @@ -7,10 +7,10 @@ | ... | @@ -7,10 +7,10 @@ |
7 | <div class="banner banner-pc"> | 7 | <div class="banner banner-pc"> |
8 | <swiper :options="swiperOption"> | 8 | <swiper :options="swiperOption"> |
9 | <swiper-slide> | 9 | <swiper-slide> |
10 | <img class="banner-img" src="@/assets/images/index/banner.png"> | 10 | <img class="banner-img" :src="require('@/assets/images/index/banner-p1-'+locale+'.png')"> |
11 | </swiper-slide> | 11 | </swiper-slide> |
12 | <swiper-slide> | 12 | <swiper-slide> |
13 | <img class="banner-img" src="@/assets/images/index/banner.png"> | 13 | <img class="banner-img" :src="require('@/assets/images/index/banner-p2-'+locale+'.png')"> |
14 | </swiper-slide> | 14 | </swiper-slide> |
15 | <div class="swiper-pagination" slot="pagination"></div> | 15 | <div class="swiper-pagination" slot="pagination"></div> |
16 | </swiper> | 16 | </swiper> |
... | @@ -19,10 +19,10 @@ | ... | @@ -19,10 +19,10 @@ |
19 | <div class="banner banner-mobile"> | 19 | <div class="banner banner-mobile"> |
20 | <swiper class="swiper" :options="swiperOption"> | 20 | <swiper class="swiper" :options="swiperOption"> |
21 | <swiper-slide> | 21 | <swiper-slide> |
22 | <img class="banner-img" src="@/assets/images/index/banner-m-1.png"> | 22 | <img class="banner-img" :src="require('@/assets/images/index/banner-m1-'+locale+'.jpg')"> |
23 | </swiper-slide> | 23 | </swiper-slide> |
24 | <swiper-slide> | 24 | <swiper-slide> |
25 | <img class="banner-img" src="@/assets/images/index/banner-m-2.png"> | 25 | <img class="banner-img" :src="require('@/assets/images/index/banner-m2-'+locale+'.jpg')"> |
26 | </swiper-slide> | 26 | </swiper-slide> |
27 | <div class="swiper-pagination" slot="pagination"></div> | 27 | <div class="swiper-pagination" slot="pagination"></div> |
28 | </swiper> | 28 | </swiper> | ... | ... |
-
Please register or sign in to post a comment