初始化

pages/joinFlow/person/index.scss

@@ -0,0 +1,85 @@
+page {
+	height: 100vh;
+	display: flex;
+	flex-direction: column;
+}
+
+.banner {
+	height: 400rpx;
+	background-image: var(--background);
+	padding: 30rpx;
+
+	.text-1 {
+		color: white;
+		font-size: 60rpx;
+		font-weight: bold;
+	}
+
+	.text-2 {
+		font-size: 28rpx;
+		color: rgba(255, 255, 255, 0.8);
+	}
+}
+
+.content {
+	flex: 1;
+	height: 0;
+	background-color: white;
+	transform: translateY(-20rpx);
+	border-radius: 30rpx 30rpx 0 0;
+	padding: 50rpx 0 0;
+
+	.text-1 {
+		font-weight: 700;
+		font-size: 45rpx;
+		margin-bottom: 40rpx;
+		padding: 0 30rpx;
+	}
+
+	input {
+		text-align: right;
+		font-size: 30rpx;
+	}
+
+	textarea {
+		background-color: rgba(242, 244, 247, 1);
+		margin-top: 20rpx;
+		border-radius: 10rpx;
+		color: rgba(11, 27, 61, 0.5);
+		padding: 25rpx;
+		height: 200rpx;
+		width: 100%;
+		font-size: 30rpx;
+	}
+}
+
+.btn {
+	background-color: white;
+	padding: 30rpx;
+}
+
+.surgery-box {
+	padding: 30rpx 0;
+
+	.title {
+		font-weight: 700;
+		text-align: center;
+		font-size: 38rpx;
+		margin-bottom: 30rpx;
+	}
+
+	.surgery-list {
+		height: 50vh;
+		padding: 0 30rpx;
+		width: 100%;
+		box-sizing: border-box;
+
+		.surgery-item {
+			height: 80rpx;
+
+			&.active {
+				color: #2ba471;
+			}
+		}
+	}
+}