默认提交
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