Commit 6e8b495020ef897b28079aecfd67a5f4a5fd7d0c
1 parent
8dd518b4
优惠专区
Showing
2 changed files
with
6 additions
and
5 deletions
src/components/discountZone/discountZone.less
| @@ -14,9 +14,13 @@ | @@ -14,9 +14,13 @@ | ||
| 14 | display: flex; | 14 | display: flex; |
| 15 | justify-content: space-between; | 15 | justify-content: space-between; |
| 16 | flex-wrap: wrap; | 16 | flex-wrap: wrap; |
| 17 | + margin-left: 10px; | ||
| 17 | .item{ | 18 | .item{ |
| 18 | width:197px; | 19 | width:197px; |
| 19 | height:235px; | 20 | height:235px; |
| 20 | } | 21 | } |
| 22 | + img:nth-child(1),img:nth-child(2){ | ||
| 23 | + margin-bottom: 10px; | ||
| 24 | + } | ||
| 21 | } | 25 | } |
| 22 | } | 26 | } |
src/components/discountZone/discountZone.vue
| @@ -3,13 +3,10 @@ | @@ -3,13 +3,10 @@ | ||
| 3 | <titleBox :titles="discountZoneInfo[0]"></titleBox> | 3 | <titleBox :titles="discountZoneInfo[0]"></titleBox> |
| 4 | <div class="item_box"> | 4 | <div class="item_box"> |
| 5 | <div class="left"> | 5 | <div class="left"> |
| 6 | - <img src="/static/img/pic_1.jpg" alt="网家家"/> | 6 | + <img v-lazy="discountZoneInfo[0].img[0].simg" /> |
| 7 | </div> | 7 | </div> |
| 8 | <div class="right"> | 8 | <div class="right"> |
| 9 | - <img class="item" src="/static/img/pic_1.jpg" alt="网家家"/> | ||
| 10 | - <img class="item" src="/static/img/pic_1.jpg" alt="网家家"/> | ||
| 11 | - <img class="item" src="/static/img/pic_1.jpg" alt="网家家"/> | ||
| 12 | - <img class="item" src="/static/img/pic_1.jpg" alt="网家家"/> | 9 | + <img class="item" v-for="(item,index) in discountZoneInfo[0].img" :key="index" v-if="index>0" v-lazy="item.simg" /> |
| 13 | </div> | 10 | </div> |
| 14 | </div> | 11 | </div> |
| 15 | </div> | 12 | </div> |