4/18 样式修改，缴费部分页面按照ui重做

property-uniapp-project/pages/service-list/contactProperty.vue

@@ -124,15 +124,15 @@
 	.page {
 		flex: 1;
 		overflow-y: auto;
-		padding: 0px 20px;
+		padding: 0px 40rpx;
 		box-sizing: border-box;
 		/* background-color: #fff; */
 	}
 
 	/* 卡片容器 */
 	.property-card {
-		padding: 15px;
-		/* margin: 0px 20px 20px 20px; */
+		padding: 30rpx;
+		/* margin: 0px 40rpx 40rpx 40rpx; */
 		background: #ffffff;
 		border-radius: 16rpx;
 		box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.05);
@@ -141,7 +141,7 @@
 	.topBox {
 		display: flex;
 		align-items: flex-start;
-		margin-bottom: 10px;
+		margin-bottom: 20rpx;
 	}
 
 	/* 头像 */
@@ -163,7 +163,7 @@
 
 	/* 物业名称 */
 	.property-name {
-		font-size: 16px;
+		font-size: 32rpx;
 		font-weight: 600;
 		color: #333333;
 		line-height: 35px;
@@ -171,9 +171,9 @@
 
 	/* 物业地址 */
 	.property-address {
-		font-size: 14px;
+		font-size: 28rpx;
 		color: #666666;
-		line-height: 12px;
+		line-height: 24rpx;
 	}
 
 	/* 电话行 */
@@ -181,24 +181,24 @@
 		display: flex;
 		align-items: center;
 		gap: 8rpx;
-		line-height: 30px;
+		line-height: 60rpx;
 	}
 
 	/* 电话标签 */
 	.phone-label {
-		font-size: 14px;
+		font-size: 28rpx;
 		color: #999999;
 	}
 
 	/* 电话号码 */
 	.phone-num {
-		font-size: 14px;
+		font-size: 28rpx;
 		color: #666666;
 	}
 
 	/* 电话图标 */
 	.phone-icon {
-		font-size: 12px;
+		font-size: 24rpx;
 		color: #409eff !important;
 		/* 蓝色，和原图一致 */
 		margin-left: 8rpx;