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

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

@@ -236,7 +236,7 @@
 	.page {
 		flex: 1;
 		overflow-y: auto;
-		padding: 0px 20px;
+		padding: 0px 40rpx;
 		box-sizing: border-box;
 		/* background-color: #fff; */
 	}
@@ -259,7 +259,7 @@
 		border-radius: 16rpx;
 		padding: 30rpx;
 		box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.05);
-		margin-bottom: 10px;
+		margin-bottom: 20rpx;
 
 	}
 
@@ -271,16 +271,16 @@
 	}
 
 	.card-title {
-		font-size: 16px;
+		font-size: 32rpx;
 		font-weight: 400;
 		color: #222222;
 		margin-right: 20rpx;
 	}
 
 	.card-tag {
-		font-size: 12px;
-		padding: 1px 8px;
-		border-radius: 20px;
+		font-size: 24rpx;
+		padding: 2rpx 16rpx;
+		border-radius: 40rpx;
 	}
 
 	.pending {
@@ -307,9 +307,9 @@
 
 	/* 描述文本 */
 	.card-desc {
-		font-size: 14px;
+		font-size: 28rpx;
 		color: #666666;
-		line-height: 20px;
+		line-height: 40rpx;
 		margin-bottom: 20rpx;
 	}
 
@@ -318,14 +318,14 @@
 		display: flex;
 		flex-wrap: wrap;
 		/* 自动换行 */
-		gap: 10px;
+		gap: 20rpx;
 		/* 图片之间的间距（可改） */
-		margin: 5px 0px 10px 0px;
+		margin: 10rpx 0px 20rpx 0px;
 	}
 
 	/* 单个图片项 */
 	.img-item {
-		width: calc(33.333% - 7px);
+		width: calc(33.333% - 14rpx);
 		height: 52px;
 
 	}
@@ -345,7 +345,7 @@
 	}
 
 	.card-time {
-		font-size: 12px;
+		font-size: 24rpx;
 		color: #999999;
 	}
 
@@ -356,7 +356,7 @@
 
 	/* 底部按钮 */
 	.bottom-btn-wrap {
-		padding: 10px 15px 20px;
+		padding: 20rpx 30rpx 40rpx;
 		display: flex;
 		gap: 20rpx;
 		/* background-color: #fff; */