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

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

@@ -196,7 +196,7 @@
 		bottom: 0;
 		display: flex;
 		flex-direction: column;
-		padding-bottom: 30px;
+		padding-bottom: 60rpx;
 		background: linear-gradient(to left bottom, #e2efff 0%, #f9f9f9 50%);
 
 		/* background: #fff; */
@@ -213,21 +213,21 @@
 	}
 
 	.container {
-		padding: 20px;
+		padding: 40rpx;
 	}
 
 	/* Banner 轮播 */
 	.banner-box {
 		width: 100%;
-		border-radius: 10px;
+		border-radius: 20rpx;
 		overflow: hidden;
-		margin-bottom: 20px;
-		height: 111px;
+		margin-bottom: 40rpx;
+		height: 122rpx;
 	}
 
 	.banner-img {
 		width: 100%;
-		height: 111px;
+		height: 122rpx;
 
 	}
 
@@ -236,28 +236,28 @@
 	.func-section {
 		width: 100%;
 		background-color: #ffffff;
-		border-radius: 10px;
-		padding: 10px;
+		border-radius: 20rpx;
+		padding: 20rpx;
 		box-sizing: border-box;
-		margin-bottom: 20px;
+		margin-bottom: 40rpx;
 	}
 
 	.section-title {
 		display: flex;
 		align-items: center;
-		margin-bottom: 25px;
+		margin-bottom: 50rpx;
 	}
 
 	.title-line {
-		width: 6px;
-		height: 24px;
+		width:12rpx;
+		height: 48rpx;
 		background-color: #007aff;
-		border-radius: 3px;
-		margin-right: 10px;
+		border-radius:6rpx;
+		margin-right: 20rpx;
 	}
 
 	.title-text {
-		font-size: 16px;
+		font-size: 32rpx;
 		font-weight: 600;
 		color: #000000;
 	}
@@ -274,18 +274,18 @@
 		display: flex;
 		flex-direction: column;
 		align-items: center;
-		margin-bottom: 20px;
+		margin-bottom: 40rpx;
 	}
 
 	.func-icon {
-		width: 42px;
-		height: 42px;
+		width: 84rpx;
+		height: 84rpx;
 		border-radius: 50%;
 		background-color: #f0f5ff;
 		display: flex;
 		align-items: center;
 		justify-content: center;
-		margin-bottom: 10px;
+		margin-bottom: 20rpx;
 		position: relative;
 	}
 
@@ -300,7 +300,7 @@
 	}
 
 	.func-name {
-		font-size: 14px;
+		font-size: 28rpx;
 		color: #000000;
 		font-weight: 400;
 		text-align: center;