申请入驻高保真细节修改

src/pages/settle/base.vue

@@ -66,9 +66,10 @@
 			<view class="seat"></view>
 			<template v-slot:bottom>
 				<view class="btn-wrap flex-xc">
-					<button class="btn-submit" :disabled="!submitStatus" @click="$u.debounce(submitBaseInfo, 500)">
-						确定
-					</button>
+					<u-button class="btn-submit" @click="$u.debounce(submitBaseInfo, 500)" :custom-style="buttonStyle"
+						type="primary" shape="circle" :hover-class="submitStatus ? '' : 'none'">
+						下一步
+					</u-button>
 				</view>
 			</template>
 		</Settle>
@@ -123,15 +124,32 @@
 			},
 			cityText() {
 				return this.areaTxts.join('、')
-			},
-			anquanImage() {
-				return qn_base_url + 'anquan.png'
-			},
-			mixingImage() {
-				return qn_base_url + 'mixing.png'
-			},
-			dizhiImage() {
-				return qn_base_url + 'dizhi.png'
+			},
+			anquanImage() {
+				return qn_base_url + 'anquan.png'
+			},
+			mixingImage() {
+				return qn_base_url + 'mixing.png'
+			},
+			dizhiImage() {
+				return qn_base_url + 'dizhi.png'
+			},
+			buttonStyle() {
+				return this.submitStatus ? {
+					'color': '#FFFFFF',
+					'background-color': '#2272FF;',
+					'width': '600rpx',
+					'height': '104rpx',
+					'font-size': '32rpx',
+					'font-weight': 'bold'
+				} : {
+					'color': '#FFFFFF',
+					'background-color': '#D1D4D4;',
+					'width': '600rpx',
+					'height': '104rpx',
+					'font-size': '32rpx',
+					'font-weight': 'bold'
+				}
 			}
 		},
 		components: {
@@ -572,20 +590,7 @@
 	.btn-wrap {
 		width: 100%;
 
-		.btn-submit {
-			width: 600rpx;
-			height: 104rpx;
-			line-height: 104rpx;
-			border-radius: 52rpx;
-			background: #2272FF;
-			font-size: 32rpx;
-			color: #fff;
-
-			&[disabled] {
-				background-color: #D1D4D4;
-				color: #FFFFFF;
-			}
-		}
+		.btn-submit {}
 	}
 
 	.itemView {
@@ -696,8 +701,10 @@
 	}
 
 	.tip-image {
-		width: 34rpx;
+		width: 30rpx;
+		height: 32rpx;
+		flex-shrink: 0;
 		margin-right: 8rpx;
 		margin-top: 2rpx;
 	}
-</style>
+</style>

src/pages/settle/index.vue

@@ -2,7 +2,8 @@
 	<view class="back_view">
 		<Settle :index="1">
 			<view class="content-view">
-				<view v-for="(item, index) in contentTexts" :key="index" :class="['item-list', {last: contentTexts.length <= index + 1}]">
+				<view v-for="(item, index) in contentTexts" :key="index"
+					:class="['item-list', {last: contentTexts.length <= index + 1}]">
 					<view class="item">
 						<view class="item-label">
 							<text>{{item.title}}</text>
@@ -11,14 +12,15 @@
 							<text>{{item.content}}</text>
 						</view>
 					</view>
-					<view class="line-view" v-if="contentTexts.length > index + 1"></view>			
+					<view class="line-view" v-if="contentTexts.length > index + 1"></view>
 				</view>
 			</view>
 			<template v-slot:bottom>
-				<u-button class="bottom_btn" @click="$u.debounce(applyClick, 500)" :custom-style="buttonStyle" type="primary" shape="circle">
+				<u-button class="bottom_btn" @click="$u.debounce(applyClick, 500)" :custom-style="buttonStyle"
+					type="primary" shape="circle" :hover-class="isStop ? '' : 'none'">
 					<text class="bottom_title" v-if="!isStop">浏览 {{count}} 秒后可申请入驻</text>
 					<text class="bottom_title" v-if="isStop">申请入驻</text>
-				</u-button>
+				</u-button>
 			</template>
 		</Settle>
 	</view>
@@ -58,24 +60,24 @@
 					content: '1.身份证正反面照片\n\
 							2.高/低压电工证正反面照片\n\
 							3.车辆照片'
-				}, {
-					title: '注意事项',
+				}, {
+					title: '注意事项',
 					content: '1.身份证，银行卡，签约人共有同一人，否则无法入驻。\n\
-								2.充电桩材料按要求自行准备。'
+								2.充电桩材料按要求自行准备。'
 				}]
-			},
-			buttonStyle() {
-				return this.isStop ? {
-					'color': '#FFFFFF',
-					'background-color': '#2272FF;',
-					'width': '600rpx',
-					'height': '104rpx',
-				} : {
-					'color': '#FFFFFF',
-					'background-color': '#D1D4D4;',
-					'width': '600rpx',
-					'height': '104rpx'
-				}
+			},
+			buttonStyle() {
+				return this.isStop ? {
+					'color': '#FFFFFF',
+					'background-color': '#2272FF;',
+					'width': '600rpx',
+					'height': '104rpx',
+				} : {
+					'color': '#FFFFFF',
+					'background-color': '#D1D4D4;',
+					'width': '600rpx',
+					'height': '104rpx'
+				}
 			}
 		},
 		onLoad(e) {
@@ -201,13 +203,14 @@
 		height: 2rpx;
 		width: 100%;
 		margin-top: 30rpx;
-	}
-	
-	.item-list {
-		padding: 30rpx 30rpx 0rpx 30rpx;
-		&.last {
-			padding-bottom: 30rpx;
-		}
+	}
+
+	.item-list {
+		padding: 30rpx 30rpx 0rpx 30rpx;
+
+		&.last {
+			padding-bottom: 30rpx;
+		}
 	}
 
 	.item-label {
@@ -231,6 +234,7 @@
 		display: flex;
 		align-items: center;
 		justify-content: center;
+
 		.bottom_title {
 			color: #fff;
 		}