[AI Generated]: feat(Views): 新增完善个人信息页表单及身份证解析逻辑

2026-05-11 17:10:42 +08:00
parent 640966ae61
commit 5c923bf19a
8 changed files with 671 additions and 8 deletions
@@ -0,0 +1,154 @@
+/* WiFi 配网页 —— 四态(idle / configuring / success / failed)共用 */
+.connected-wifi {
+	width: 100%;
+	height: 100%;
+	padding: 48rpx 30rpx 0;
+	box-sizing: border-box;
+
+	.ripple {
+		width: 300rpx;
+		height: 300rpx;
+		border-radius: 50%;
+		margin: 0 auto 48rpx;
+		background-color: red;
+	}
+
+	.hero {
+		width: 300rpx;
+		height: 300rpx;
+		border-radius: 50%;
+		margin: 0 auto 48rpx;
+		background-color: rgba(19, 133, 250, 0.1);
+	}
+
+	.title {
+		color: #252535;
+		width: 100%;
+		height: 36rpx;
+		font-size: 36rpx;
+		font-weight: bold;
+		line-height: 36rpx;
+		text-align: center;
+		margin-bottom: 22rpx;
+	}
+
+	.sub-title {
+		color: #808080;
+		width: 100%;
+		font-size: 30rpx;
+		text-align: center;
+		line-height: 42rpx;
+		margin-bottom: 40rpx;
+	}
+
+	.wifi-form {
+		width: 100%;
+		background-color: #FFFFFF;
+		border: 2rpx solid #E6E6EA;
+		border-radius: 16rpx;
+		box-sizing: border-box;
+		padding: 0 30rpx;
+		margin-bottom: 32rpx;
+
+		.form-row {
+			width: 100%;
+			height: 100rpx;
+			display: flex;
+			align-items: center;
+			border-bottom: 2rpx solid #F5F5F5;
+
+			&:last-child {
+				border-bottom: none;
+			}
+
+			.form-label {
+				color: #252535;
+				width: 160rpx;
+				font-size: 30rpx;
+				font-weight: 500;
+				line-height: 30rpx;
+				flex-shrink: 0;
+			}
+
+			.form-input {
+				flex: 1;
+				color: #252535;
+				font-size: 30rpx;
+				line-height: 30rpx;
+			}
+
+			.form-placeholder {
+				color: #B0B0B0;
+				font-size: 30rpx;
+			}
+
+			.form-eye {
+				color: #1385FA;
+				font-size: 28rpx;
+				line-height: 28rpx;
+				padding-left: 24rpx;
+				flex-shrink: 0;
+			}
+		}
+	}
+
+	.result-success {
+		width: 100%;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		margin-bottom: 40rpx;
+
+		.result-icon-success {
+			width: 120rpx;
+			height: 120rpx;
+			border-radius: 50%;
+			background-color: rgba(42, 199, 159, 0.1);
+			margin-bottom: 24rpx;
+		}
+
+		.result-text {
+			color: #2AC79F;
+			font-size: 30rpx;
+			font-weight: 500;
+			line-height: 30rpx;
+		}
+	}
+
+	.submit-btn {
+		color: #FFFFFF;
+		width: 580rpx;
+		height: 88rpx;
+		font-size: 32rpx;
+		font-weight: bold;
+		text-align: center;
+		line-height: 88rpx;
+		border-radius: 44rpx;
+		margin: 0 auto 32rpx;
+		background-color: #1385FA;
+	}
+
+	.submit-btn-disabled {
+		background-color: #A8C9F0;
+	}
+
+	.help {
+		width: 100%;
+		height: 30rpx;
+		text-align: center;
+		line-height: 30rpx;
+		margin-bottom: 60rpx;
+
+		.help-text {
+			color: #808080;
+			font-size: 30rpx;
+			line-height: 30rpx;
+		}
+
+		.help-link {
+			color: #1385FA;
+			font-size: 30rpx;
+			line-height: 30rpx;
+		}
+	}
+}