div层级修改

pages/address/address2.vue

@@ -10,7 +10,7 @@
 				<view class="title">
 					学员姓名
 				</view>
-				<input class="uni-input inputM" placeholder-class="placeholderClass"  v-model="rules.StuName"
+				<input class="uni-input inputM" placeholder-class="placeholderClass" v-model="rules.StuName"
 					placeholder="请输入学员姓名" maxlength="5" />
 			</view>
 			<view class="box-bg">
@@ -34,25 +34,25 @@
 				<view class="title">
 					手机号码
 				</view>
-				<input type="number" placeholder-class="placeholderClass" class="uni-input inputM" 
+				<input type="number" placeholder-class="placeholderClass" class="uni-input inputM"
 					v-model="rules.StuTel" placeholder="输入11位手机号" maxlength="11" />
 			</view>
 			<view class="box-bg">
 				<view class="title">
 					就读学校
 				</view>
-				<input class="uni-input inputM" style="padding-right: 10px;" placeholder-class="placeholderClass" v-model="rules.BaseCondition"
-					placeholder="请选择" />
+				<input class="uni-input inputM" style="padding-right: 10px;" placeholder-class="placeholderClass"
+					v-model="rules.BaseCondition" placeholder="请选择" />
 				<view @click="formType(1)">
-					<u-icon  name="arrow" color="#9F9F9F" size="20"></u-icon>
+					<u-icon name="arrow" color="#9F9F9F" size="20"></u-icon>
 				</view>
 			</view>
 			<view class="box-bg" @click="formType(2)">
 				<view class="title">
 					就读年级
 				</view>
-				<input maxlength="0" disabled='true' placeholder-class="placeholderClass"  class="uni-input inputM" 
-					 v-model="rules.DemandPoint" placeholder="请选择" />
+				<input maxlength="0" disabled='true' placeholder-class="placeholderClass" class="uni-input inputM"
+					v-model="rules.DemandPoint" placeholder="请选择" />
 				<view>
 					<u-icon name="arrow" color="#9F9F9F" size="20"></u-icon>
 				</view>
@@ -62,7 +62,7 @@
 					报名校区
 				</view>
 				<input maxlength="0" placeholder-class="placeholderClass" class="uni-input inputM" disabled='true'
-					 v-model="rules.School_Id" placeholder="请选择" />
+					v-model="rules.School_Id" placeholder="请选择" />
 				<view>
 					<u-icon name="arrow" color="#9F9F9F" size="20"></u-icon>
 				</view>
@@ -71,7 +71,7 @@
 				<view class="title">
 					如何知道进阶思维
 				</view>
-				<textarea class="uni-input2 inputM" type="textarea"  placeholder-class="placeholderClass"
+				<textarea class="uni-input2 inputM" type="textarea" placeholder-class="placeholderClass"
 					v-model="rules.ConsultingResults" placeholder="请输入" />
 			</view>
 			<!-- 日历弹窗 -->
@@ -332,37 +332,42 @@
 </script>
 
 <style>
-	.gender-name{
+	.gender-name {
 		font-size: 30rpx;
 		font-family: PingFang SC;
 		font-weight: 500;
 		color: #282828
 	}
-	.placeholderClass{
+
+	.placeholderClass {
 		font-size: 30rpx;
 		font-family: PingFang SC;
 		font-weight: 500;
 		color: #C8C8C8;
 	}
-	.title{
+
+	.title {
 		padding-right: 51rpx;
 		font-size: 30rpx;
 		font-family: PingFang SC;
 		font-weight: 500;
 		color: #282828;
 	}
+
 	.uni-input {
 		margin-left: 0rpx !important;
-		flex:1;
+		flex: 1;
 		font-size: 30rpx;
 	}
-.uni-input2 {
-	height: 108rpx;
+
+	.uni-input2 {
+		height: 108rpx;
 		margin-left: 0rpx !important;
-		flex:1;
+		flex: 1;
 		line-height: 40rpx;
 		font-size: 30rpx;
 	}
+
 	.school {
 		font-size: 22rpx;
 	}
@@ -397,8 +402,9 @@
 		transform: translate(-50%, 0%);
 		align-items: center;
 		font-weight: 500;
-	font-size: 30rpx;
-	color: #FFF;
+		font-size: 30rpx;
+		color: #FFF;
+		z-index: 100
 	}
 
 	.list2 {
@@ -418,7 +424,7 @@
 
 	.box {
 		/* width: 90%; */
-	padding-bottom: 110rpx;
+		padding-bottom: 110rpx;
 		padding-top: 63rpx;
 		padding-left: 50rpx;
 		padding-right: 50rpx;
@@ -443,7 +449,7 @@
 		align-items: center;
 		margin-left: 110rpx;
 		width: 160rpx;
-		
+
 	}
 
 	.gender {
@@ -472,12 +478,12 @@
 		display: inline-block;
 		text-align: center;
 		line-height: 55rpx;
-	/* 	margin-left: 49rpx; */
-		
+		/* 	margin-left: 49rpx; */
+
 	}
 
 	.box-bg {
-	
+
 		height: 88rpx;
 		line-height: 88rpx;
 		background: #FFFFFF;
@@ -489,8 +495,9 @@
 		/* justify-content: space-between; */
 		padding-right: 52rpx;
 	}
-.box-bg2 {
-	
+
+	.box-bg2 {
+
 		height: 224rpx;
 		line-height: 88rpx;
 		background: #FFFFFF;
@@ -502,6 +509,7 @@
 		/* justify-content: space-between; */
 		padding-right: 52rpx;
 	}
+
 	.box-img {
 		display: flex;
 		justify-content: center;