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,6 +19,7 @@ | ||
| 19 | padding-bottom: 18px; | 19 | padding-bottom: 18px; |
| 20 | width: 690px; | 20 | width: 690px; |
| 21 | .left-box { | 21 | .left-box { |
| 22 | + break-inside: avoid; | ||
| 22 | .item-box { | 23 | .item-box { |
| 23 | &:last-child { | 24 | &:last-child { |
| 24 | margin-bottom: 0; | 25 | margin-bottom: 0; |
| @@ -26,7 +27,17 @@ | @@ -26,7 +27,17 @@ | ||
| 26 | } | 27 | } |
| 27 | } | 28 | } |
| 28 | .right-box { | 29 | .right-box { |
| 30 | + break-inside: avoid; | ||
| 29 | .item-box { | 31 | .item-box { |
| 32 | + &:first-child { | ||
| 33 | + /deep/ .item { | ||
| 34 | + .img-box { | ||
| 35 | + .img { | ||
| 36 | + height: 100%; | ||
| 37 | + } | ||
| 38 | + } | ||
| 39 | + } | ||
| 40 | + } | ||
| 30 | &:last-child { | 41 | &:last-child { |
| 31 | // margin-bottom: 0; | 42 | // margin-bottom: 0; |
| 32 | } | 43 | } |
src/main.js
| @@ -50,7 +50,7 @@ import 'url-search-params-polyfill'; | @@ -50,7 +50,7 @@ import 'url-search-params-polyfill'; | ||
| 50 | Vue.config.productionTip = false; | 50 | Vue.config.productionTip = false; |
| 51 | 51 | ||
| 52 | // 部署模式设置(开发模式:"dev",测试模式:"test",生产模式:"prod") | 52 | // 部署模式设置(开发模式:"dev",测试模式:"test",生产模式:"prod") |
| 53 | -Vue.prototype.mode = "prod"; | 53 | +Vue.prototype.mode = "dev"; |
| 54 | 54 | ||
| 55 | // 微信JS-SDK对象 | 55 | // 微信JS-SDK对象 |
| 56 | Vue.prototype.jweixin = { | 56 | Vue.prototype.jweixin = { |