组合框

pages/housePurchase/housePurchase.vue

@@ -227,6 +227,25 @@
 				</view>
 				</view>
 				<view class="line">
 				<view class="line">
 					<view class="line_title">房屋单价</view>
 					<view class="line_title">房屋单价</view>
+					<view class="content">
+						<view class="left">
+							<view class="realizable">可实现的</view>
+							<view>终值：1,233,930元</view>
+							<view class="now">
+								现值：1,233,930元
+							</view>
+						</view>
+						<view class="right">
+							<view class="realizable">你想要的</view>
+							<view>终值：1,233,930元</view>
+							<view class="now">
+								现值：1,233,930元
+							</view>
+						</view>
+					</view>
+					<view class="line_bottom fail">
+						很遗憾！经过测算，距离实现您的目标还差XXX。您可以参考我们给出的建议进行调整。
+					</view>
 				</view>
 				</view>
 				<view class="line">
 				<view class="line">
 					<view class="line_title">首付款</view>
 					<view class="line_title">首付款</view>
@@ -410,4 +429,8 @@
 		padding: 10rpx;
 		padding: 10rpx;
 	}
 	}
 	
 	
+	.line .line_bottom.fail{
+		background: #ffe6e6;
+	}
+	
 </style>
 </style>
\ No newline at end of file