入驻首页高保真

src/components/settle/index.vue

@@ -44,7 +44,7 @@
 		margin-top: -112rpx;
 		background-color: #F4F5F7;
 		overflow: auto;
-		height: calc(100vh - 368rpx);
+		height: calc(100vh - 312rpx);
 	}
 	.settle-bottom {
 		position: fixed;

src/pages/settle/index.vue

 <template>
 	<view class="back_view">
 		<Settle :index="1">
-			<view class="content-view">
+			<view class="content-view">
+				<view style="padding: 30rpx;">
 				<view class="item">
 					<view class="item-label">
 						<text>招募要求</text>
@@ -14,7 +15,8 @@
 							4.有充电桩安装经验优先；
 						</text>
 					</view>
-				</view>
+				</view>
+				<view class="line-view"></view>
 				<view class="item">
 					<view class="item-label">
 						<text>结算价格</text>
@@ -26,7 +28,8 @@
 							3.结算账期：周结50%，剩余50%次月20号结算；
 						</text>
 					</view>
-				</view>
+				</view>
+				<view class="line-view"></view>
 				<view class="item">
 					<view class="item-label">
 						<text>入驻资料</text>
@@ -38,7 +41,8 @@
 							3.车辆照片
 						</text>
 					</view>
-				</view>
+				</view>
+				<view class="line-view"></view>
 				<view class="item">
 					<view class="item-label">
 						<text>注意事项：</text>
@@ -50,6 +54,7 @@
 						</text>
 					</view>
 				</view>
+				</view>
 			</view>
 			<template v-slot:bottom>
 				<button :class="['bottom_btn', {'active': isStop}]" @click="$u.debounce(applyClick, 500)">
@@ -189,23 +194,32 @@
 	}
 
 	.content-view {
-		background-color: #FFFFFF;
+		background-color: #FFFFFF;
+		margin-bottom: 188rpx;
+		border-radius: 12rpx;
+	}
+	
+	.line-view {
+		background-color: #F4F5F7;
+		height: 1rpx;
+		width: 100%;
+		margin-bottom: 30rpx;
+		margin-top: 30rpx;
+		
 	}
 
 	.item-label {
 		color: #333333;
 		font-weight: bold;
-		font-size: 32rpx;
-		padding-top: 36rpx;
-		margin-left: 30rpx;
+		font-size: 32rpx;
+		margin-top: 6rpx;
 	}
 
 	.item-content {
 		color: #333333;
 		font-size: 26rpx;
-		margin-top: 30rpx;
-		margin-left: 30rpx;
-		line-height: 50rpx;
+		line-height: 50rpx;
+		margin-top: 30rpx;
 	}
 
 	.bottom_btn {