zc

pages/home/infoBoard.vue

@@ -5,7 +5,11 @@
 			<view class="top-border-box"></view>
 			<img class="positionImg" src="@/static/img_xyzc_bg@1x.png">
 			<view class="sub-info-min-bnox">
-				<img class="left-max-box" src="@/static/346@1x.png" alt="">
+				<view class="left-max-box">
+					<view class="null-p"></view>
+					<img src="@/static/346@1x.png" alt="">
+					<view class="null-p"></view>
+				</view>
 				<view class="center-max-box">
 					<view class="center-top-p">
 						<view class="center-name">{{dataInfo.subName}}</view>
@@ -21,7 +25,9 @@
 					</view>
 				</view>
 				<view class="right-max-box" v-if="dataInfo.subArea">
-					{{dataInfo.subArea}}㎡
+					<view class="null-p"></view>
+					<view>{{dataInfo.subArea}}㎡</view>
+					<view class="null-p"></view>
 				</view>
 			</view>
 			<view class="dept-box" v-if="dataInfo.deptName">
@@ -142,31 +148,42 @@
 			}
 			.sub-info-min-bnox{
 				display: flex;
-				height:150rpx;
+				min-height:150rpx;
 				border-bottom:20rpx solid #F5F5F5;
 				.left-max-box{
-					display: inline-block;
-					width:80rpx;
-					height:80rpx;
-					margin:35rpx 25rpx 0 30rpx;
+					display: flex;
+					flex-direction: column;
+					.null-p{
+						flex:1;
+					}
+					img{
+						display: inline-block;
+						width:80rpx;
+						height:80rpx;
+						margin:0 25rpx 0 30rpx;
+					}
 				}
 				.center-max-box{
 					flex:1;
 					font-size: 30rpx;
+					padding-bottom: 28rpx;
 					.center-top-p{
 						margin-top:28rpx;
-						height:42rpx;
+						min-height:42rpx;
 						line-height:42rpx;
 						display: flex;
 						.center-name{
 							margin-right:16rpx;
 							max-width:320rpx;
 							display block
-							overflow hidden
-							text-overflow ellipsis
-							white-space nowrap
+							// overflow hidden
+							// text-overflow ellipsis
+							// white-space nowrap
+							word-wrap: break-word;
+							overflow-wrap: break-word;
 						}
 						.center-text{
+							height:34rpx;
 							padding:0 8rpx;
 							line-height:32rpx;
 							font-size:24rpx;
@@ -180,23 +197,29 @@
 					}
 					.center-bottom-p{
 						margin-top:11rpx;
-						height:42rpx;
+						min-height:42rpx;
 						line-height:42rpx;
 						color:#666;
 						display block
-						overflow hidden
-						text-overflow ellipsis
-						white-space nowrap
+						// overflow hidden
+						// text-overflow ellipsis
+						// white-space nowrap
+						word-wrap: break-word;
+						overflow-wrap: break-word;
 						max-width:500rpx;
 					}
 				}
 				.right-max-box{
+					display: flex;
+					flex-direction: column;
 					width:100rpx;
-					line-height:150rpx;
 					background: rgba(1,131,250,0.2);
 					color:#0183FA;
 					font-size:28rpx;
 					text-align: center;
+					.null-p{
+						flex:1;
+					}
 				}
 			}
 			.dept-box{