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

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

@@ -3,7 +3,7 @@
 		<view class="status-bar"></view>
 		<uni-nav-bar title="投诉详情" backgroundColor="transparent" :border="false" left-icon="left" @clickLeft="goBack">
 		</uni-nav-bar>
-		
+
 
 		<!-- 表单区域 -->
 		<scroll-view class="page" scroll-y="true">
@@ -85,12 +85,12 @@
 
 		computed: {
 
-			 
+
 
 
 		},
 		created() {
-			 
+
 		},
 		onShow() {
 
@@ -143,7 +143,7 @@
 </script>
 <style lang="scss">
 	page {
-		background: #f2f1f6;
+		background: #fff;
 	}
 </style>
 
@@ -155,17 +155,16 @@
 		/* 关键：占满屏幕高度 */
 		/* background: linear-gradient(to left bottom, #e2efff 0%, #f9f9f9 50%); */
 	}
-	
+
 	.page {
 		flex: 1;
 		overflow-y: auto;
-		padding: 0px 20px;
+		padding: 0px 40rpx;
 		box-sizing: border-box;
 		/* background-color: #fff; */
 	}
 
-	.page-container {
-	}
+	.page-container {}
 
 	/* 通用标题样式（带蓝色竖线） */
 	.section-title {
@@ -183,7 +182,7 @@
 	}
 
 	.title-text {
-		font-size: 16px;
+		font-size: 32rpx;
 		font-weight: bold;
 		color: #333333;
 	}
@@ -200,8 +199,8 @@
 
 	.completedDesc {
 		color: #2F77FD;
-		font-size: 14px;
-		margin-bottom: 15px;
+		font-size: 28rpx;
+		margin-bottom: 30rpx;
 
 	}
 
@@ -221,7 +220,7 @@
 
 	.info-label {
 		width: 220rpx;
-		font-size: 14px;
+		font-size: 28rpx;
 		color: #333333;
 		flex-shrink: 0;
 		line-height: 1.5;
@@ -229,7 +228,7 @@
 
 	.info-value {
 		flex: 1;
-		font-size: 14px;
+		font-size: 28rpx;
 		color: #000;
 		line-height: 1.5;
 	}
@@ -260,13 +259,13 @@
 		display: flex;
 		flex-wrap: wrap;
 		/* 自动换行 */
-		gap: 10px;
+		gap: 20rpx;
 		/* 图片之间的间距（可改） */
-		margin: 5px 0px 10px 0px;
+		margin: 10rpx 0px 20rpx 0px;
 	}
 
 	.photo-item {
-		width: calc(33.333% - 7px);
+		width: calc(33.333% - 14rpx);
 		height: 66px;
 		object-fit: cover;
 	}
@@ -282,7 +281,9 @@
 	.completed {
 
 		color: #999999;
-	}.status-bar{
+	}
+
+	.status-bar {
 		width: 100vw;
 		height: 46px;
 	}