楼盘表高度变化问题修改
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