Commit f3b4f0f567a03f15adad601e05f032808642519f
1 parent
e8e009d5
优选库 - “优选” 最新上架瀑布流,左下角会因为右上角图片过高显示部分图片,设置右上角图片高度100%
Showing
2 changed files
with
12 additions
and
1 deletions
src/components/columnListBox/columnListBox.less
| ... | ... | @@ -19,6 +19,7 @@ |
| 19 | 19 | padding-bottom: 18px; |
| 20 | 20 | width: 690px; |
| 21 | 21 | .left-box { |
| 22 | + break-inside: avoid; | |
| 22 | 23 | .item-box { |
| 23 | 24 | &:last-child { |
| 24 | 25 | margin-bottom: 0; |
| ... | ... | @@ -26,7 +27,17 @@ |
| 26 | 27 | } |
| 27 | 28 | } |
| 28 | 29 | .right-box { |
| 30 | + break-inside: avoid; | |
| 29 | 31 | .item-box { |
| 32 | + &:first-child { | |
| 33 | + /deep/ .item { | |
| 34 | + .img-box { | |
| 35 | + .img { | |
| 36 | + height: 100%; | |
| 37 | + } | |
| 38 | + } | |
| 39 | + } | |
| 40 | + } | |
| 30 | 41 | &:last-child { |
| 31 | 42 | // margin-bottom: 0; |
| 32 | 43 | } | ... | ... |
src/main.js