9dba5525 by 杨威

楼盘表高度变化问题修改

1 parent 5ddfa96b
...@@ -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 }
......