w-front-end / select_good · Commits

Commit 1ed9e60d4ae25374e30fd4fc099980f9c74d6782

Authored by 王强
1 parent 89e9ca7d

购好物首页UI细节优化~

Inline Side-by-side
Showing 4 changed files with 9 additions and 4 deletions
src/components/swiper/swiper.less
  View file @1ed9e60
... ... @@ -22,11 +22,12 @@
22 22 overflow: hidden;
23 23 .img-box {
24 24 width: 100%;
25   - height: auto;
  25 + height: 100%;
  26 + overflow: hidden;
26 27 .img {
27 28 display: block;
28 29 width: 100%;
29   - height: auto;
  30 + height: 100%;
30 31 border-radius: 16px;
31 32 object-fit: cover;
32 33 overflow: hidden;
... ...
src/components/swiper/swiper.vue
  View file @1ed9e60
1 1 <template>
2 2 <div class="swiper-box" :class="{'points-mall-swiper':isPointsMall}" v-if="swipers && swipers.length">
3   - <swipe class="swipe" :autoplay="5000" :touchable="swipers.length === 1 ? false : true" :show-indicators="options && options.showIndicators !== undefined ? options.showIndicators : showIndicators" @change="onChange">
  3 + <swipe class="swipe" :autoplay="0" :touchable="swipers.length === 1 ? false : true" :show-indicators="options && options.showIndicators !== undefined ? options.showIndicators : showIndicators" @change="onChange">
4 4 <swipe-item class="swipe-item" v-for="(item, index) in swipers" :key="index">
5 5 <div class="item" @click="$parent.$parent.gotoDetail(item)">
6 6 <div class="img-box">
... ...
src/pages/optimization2/optimization2.less
  View file @1ed9e60
... ... @@ -41,6 +41,10 @@
41 41 border-radius: 24px;
42 42 overflow: hidden;
43 43 &.banner-box {
  44 + margin-bottom: 0;
  45 + &.bottom {
  46 + margin-bottom: 40px;
  47 + }
44 48 .swiper-box {
45 49 width: 710px;
46 50 height: 280px;
... ...
src/pages/optimization2/optimization2.vue
  View file @1ed9e60
... ... @@ -23,7 +23,7 @@
23 23 <div class="main-box">
24 24  
25 25 <!-- 主Banner -->
26   - <div class="section banner-box" v-if="swipers && swipers.length">
  26 + <div class="section banner-box" :class="{'bottom': !showNavs}" v-if="swipers && swipers.length">
27 27 <swiper-box
28 28 :swipers="swipers"
29 29 :options="{
... ...