楼盘表高度变化问题修改
Showing
1 changed file
with
10 additions
and
6 deletions
| ... | @@ -19,14 +19,14 @@ | ... | @@ -19,14 +19,14 @@ |
| 19 | ref="ljz" | 19 | ref="ljz" |
| 20 | v-for="(ljzs, ljzIndex) in lpbData.ljzs" | 20 | v-for="(ljzs, ljzIndex) in lpbData.ljzs" |
| 21 | :key="ljzIndex" | 21 | :key="ljzIndex" |
| 22 | :style="{'marginTop':'30px'}" | 22 | :class="[{'mt30' : ljzIndex == 0},{'mt60' : ljzIndex == 1 || lpbData.ljzs.length == 1}]" |
| 23 | > | 23 | > |
| 24 | <!-- :style="{'marginTop':ljzs.zdys.length>0?'0':'30px'}" --> | 24 | <!-- :style="{'marginTop':ljzs.zdys.length>0?'0':'30px'}" --> |
| 25 | <!-- 循环逻辑幢下的幢单元 --> | 25 | <!-- 循环逻辑幢下的幢单元 --> |
| 26 | <div class="ljz-zdy-wrap"> | 26 | <div class="ljz-zdy-wrap"> |
| 27 | <div | 27 | <div |
| 28 | class="ljz-zdy column-reverse" | 28 | class="ljz-zdy column-reverse" |
| 29 | :style="{ 'min-height': ljzzdyHeight + 40 + 'px','marginRight':zdyIndex<(ljzs.zdys.length-1) || ljzs.cs.length > 1?'20px':'0'}" | 29 | :style="{ 'min-height': ljzzdyHeight+ 'px','marginRight':zdyIndex<(ljzs.zdys.length-1) || ljzs.cs.length > 1?'20px':'0'}" |
| 30 | ref="ljzzdy" | 30 | ref="ljzzdy" |
| 31 | v-show="ljzs.zdys.length > 0" | 31 | v-show="ljzs.zdys.length > 0" |
| 32 | v-for="(zdys, zdyIndex) in ljzs.zdys" | 32 | v-for="(zdys, zdyIndex) in ljzs.zdys" |
| ... | @@ -581,10 +581,7 @@ export default { | ... | @@ -581,10 +581,7 @@ export default { |
| 581 | //记录最高的幢单元高度 默认为第一个幢单元高度 | 581 | //记录最高的幢单元高度 默认为第一个幢单元高度 |
| 582 | zrzhighest = this.$refs.ljzzdy[0].offsetHeight; | 582 | zrzhighest = this.$refs.ljzzdy[0].offsetHeight; |
| 583 | this.$refs.ljzzdy.forEach((item) => { | 583 | this.$refs.ljzzdy.forEach((item) => { |
| 584 | this.ljzcHeight = | 584 | this.ljzcHeight = item.offsetHeight > this.ljzcHeight ? item.offsetHeight : this.ljzcHeight; |
| 585 | item.offsetHeight > this.ljzcHeight | ||
| 586 | ? item.offsetHeight | ||
| 587 | : this.ljzcHeight; | ||
| 588 | zrzhighest = zrzhighest > item.offsetHeight ? zrzhighest : item.offsetHeight; | 585 | zrzhighest = zrzhighest > item.offsetHeight ? zrzhighest : item.offsetHeight; |
| 589 | }); | 586 | }); |
| 590 | //判断有无独立层户 | 587 | //判断有无独立层户 |
| ... | @@ -1095,6 +1092,7 @@ export default { | ... | @@ -1095,6 +1092,7 @@ export default { |
| 1095 | .ljz { | 1092 | .ljz { |
| 1096 | // margin-bottom: 20px; | 1093 | // margin-bottom: 20px; |
| 1097 | display: table; | 1094 | display: table; |
| 1095 | margin-top: 30px; | ||
| 1098 | // position: relative; | 1096 | // position: relative; |
| 1099 | .ljz-zdy-wrap { | 1097 | .ljz-zdy-wrap { |
| 1100 | width: auto; | 1098 | width: auto; |
| ... | @@ -1142,6 +1140,12 @@ export default { | ... | @@ -1142,6 +1140,12 @@ export default { |
| 1142 | 1140 | ||
| 1143 | } | 1141 | } |
| 1144 | } | 1142 | } |
| 1143 | .mt30{ | ||
| 1144 | margin-top: 30px; | ||
| 1145 | } | ||
| 1146 | .mt60{ | ||
| 1147 | margin-top: 60px; | ||
| 1148 | } | ||
| 1145 | div:last-child { | 1149 | div:last-child { |
| 1146 | margin-right: 0; | 1150 | margin-right: 0; |
| 1147 | } | 1151 | } | ... | ... |
-
Please register or sign in to post a comment