Commit 842ce8ce42f0a52f2f5a5eaf4db49af3185dc641
1 parent
695bea6d
搜索页面，达人更多，UI兼容问题处理~
Showing
2 changed files
with
3 additions
and
5 deletions
src/components/darenList/darenList.less
| @@ -7,9 +7,9 @@ | @@ -7,9 +7,9 @@ | ||
| 7 | width: 690px; | 7 | width: 690px; |
| 8 | .left-box { | 8 | .left-box { |
| 9 | display: flex; | 9 | display: flex; |
| 10 | - justify-content: flex-start; | 10 | + justify-content: space-between; |
| 11 | align-items: center; | 11 | align-items: center; |
| 12 | - width: 570px; | 12 | + width: 550px; |
| 13 | height: auto; | 13 | height: auto; |
| 14 | .avatar-box { | 14 | .avatar-box { |
| 15 | width: 80px; | 15 | width: 80px; |
| @@ -23,8 +23,7 @@ | @@ -23,8 +23,7 @@ | ||
| 23 | } | 23 | } |
| 24 | } | 24 | } |
| 25 | .user-info { | 25 | .user-info { |
| 26 | - margin-left: 30px; | ||
| 27 | - width: 460px; | 26 | + width: 440px; |
| 28 | .name { | 27 | .name { |
| 29 | color: #4A4A4A; | 28 | color: #4A4A4A; |
| 30 | font-size: 28px; | 29 | font-size: 28px; |
src/components/darenList/darenList.vue
| 1 | <template> | 1 | <template> |
| 2 | <div class="daren-list" v-if="item" @click="jump(item)"> | 2 | <div class="daren-list" v-if="item" @click="jump(item)"> |
| 3 | <div class="box"> | 3 | <div class="box"> |
| 4 | - | ||
| 5 | <div class="left-box"> | 4 | <div class="left-box"> |
| 6 | <div class="avatar-box"> | 5 | <div class="avatar-box"> |
| 7 | <img v-lazy="item.user_img || item.logo" class="avatar-img" /> | 6 | <img v-lazy="item.user_img || item.logo" class="avatar-img" /> |