Commit 52810abd8dd3c9ab015388a61bc649759b2d6a73
1 parent
07e36d66
样式优化
Showing
2 changed files
with
6 additions
and
6 deletions
src/components/swiperItem/swiperItem.less
| @@ -20,13 +20,13 @@ | @@ -20,13 +20,13 @@ | ||
| 20 | display: flex; | 20 | display: flex; |
| 21 | flex-wrap: wrap; | 21 | flex-wrap: wrap; |
| 22 | justify-content: flex-start; | 22 | justify-content: flex-start; |
| 23 | - div{ | ||
| 24 | - margin-top:40px; | 23 | + .item{ |
| 24 | + width:90px; | ||
| 25 | + margin:40px 26px 0 26px; | ||
| 25 | img{ | 26 | img{ |
| 26 | width:90px; | 27 | width:90px; |
| 27 | height: 90px; | 28 | height: 90px; |
| 28 | border-radius: 90px; | 29 | border-radius: 90px; |
| 29 | - margin:0 26px; | ||
| 30 | } | 30 | } |
| 31 | div{ | 31 | div{ |
| 32 | height:30px; | 32 | height:30px; |
| @@ -38,10 +38,10 @@ | @@ -38,10 +38,10 @@ | ||
| 38 | margin-top: 10px; | 38 | margin-top: 10px; |
| 39 | } | 39 | } |
| 40 | } | 40 | } |
| 41 | - div:nth-child(1) img, div:nth-child(6) img{ | 41 | + .item:nth-child(1), .item:nth-child(6){ |
| 42 | margin-left: 0px; | 42 | margin-left: 0px; |
| 43 | } | 43 | } |
| 44 | - div:nth-child(5) img, div:nth-child(10) img{ | 44 | + .item:nth-child(5), .item:nth-child(10){ |
| 45 | margin-right: 0px; | 45 | margin-right: 0px; |
| 46 | } | 46 | } |
| 47 | } | 47 | } |
src/components/swiperItem/swiperItem.vue
| @@ -4,7 +4,7 @@ | @@ -4,7 +4,7 @@ | ||
| 4 | <div class="swipe-item"> | 4 | <div class="swipe-item"> |
| 5 | <div class="app_list_box"> | 5 | <div class="app_list_box"> |
| 6 | <div class="app_list"> | 6 | <div class="app_list"> |
| 7 | - <div v-for="(items, index) in item" :key="index" @click="$parent.toDetail(items)"> | 7 | + <div class="item" v-for="(items, index) in item" :key="index" @click="$parent.toDetail(items)"> |
| 8 | <img v-lazy="items.simg" /> | 8 | <img v-lazy="items.simg" /> |
| 9 | <div>{{items.title}}</div> | 9 | <div>{{items.title}}</div> |
| 10 | </div> | 10 | </div> |