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 | 20 | display: flex; |
| 21 | 21 | flex-wrap: wrap; |
| 22 | 22 | justify-content: flex-start; |
| 23 | - div{ | |
| 24 | - margin-top:40px; | |
| 23 | + .item{ | |
| 24 | + width:90px; | |
| 25 | + margin:40px 26px 0 26px; | |
| 25 | 26 | img{ |
| 26 | 27 | width:90px; |
| 27 | 28 | height: 90px; |
| 28 | 29 | border-radius: 90px; |
| 29 | - margin:0 26px; | |
| 30 | 30 | } |
| 31 | 31 | div{ |
| 32 | 32 | height:30px; |
| ... | ... | @@ -38,10 +38,10 @@ |
| 38 | 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 | 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 | 45 | margin-right: 0px; |
| 46 | 46 | } |
| 47 | 47 | } | ... | ... |
src/components/swiperItem/swiperItem.vue
| ... | ... | @@ -4,7 +4,7 @@ |
| 4 | 4 | <div class="swipe-item"> |
| 5 | 5 | <div class="app_list_box"> |
| 6 | 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 | 8 | <img v-lazy="items.simg" /> |
| 9 | 9 | <div>{{items.title}}</div> |
| 10 | 10 | </div> | ... | ... |