zhengkaixin 3 years ago
parent
commit
204a8fe85b
1 changed files with 20 additions and 8 deletions
  1. 20 8
      pagesB/pages/login/step2.vue

+ 20 - 8
pagesB/pages/login/step2.vue

@@ -9,21 +9,21 @@
 			</view>
 			<view class="jpLogin-main">
 				<u-form :model="form" ref="uForm">
-					<view class="jpLogin-input">
-						<u-form-item :required="true">
+					<view class="jpLogin-input jpLogin-inputLabel">
+						<u-form-item :required="true" label-position="top" :labelStyle="labelstyle" label="我的出生地">
 							<u-input v-model="form.address" type="select" placeholder="我的出生地" @click="birthdayAddressChange" />
 							<u-select v-model="show_birthday_address" mode="mutil-column-auto" :default-value='defaultData.address' :list="defaultColumns" @confirm="onBirthdayCityConfirm"></u-select>							
 						</u-form-item> 							
 					</view> 
-					<view class="jpLogin-input">
-						<u-form-item :required="true">
+					<view class="jpLogin-input jpLogin-inputLabel">
+						<u-form-item :required="true"  label-position="top" :labelStyle="labelstyle" label="户口所在地" >
 							<u-input v-model="form.registered_residence" type="select" placeholder="我的的户口所在地" @click="registeredResidenceAddressChange"  />
 							<u-select v-model="show_registered_residence" mode="mutil-column-auto" :default-value='defaultData.registered_residence' :list="defaultColumns" @confirm="onResidenceRegisteredCityConfirm"></u-select>
 						</u-form-item>
 <!--						<u-select v-model="show_registered_residence" mode="single-column" :list="area_ranges_by_names" @confirm="registeredResidenceConfirm"></u-select>						-->
 					</view>
-					<view class="jpLogin-input">
-						<u-form-item :required="true">
+					<view class="jpLogin-input jpLogin-inputLabel">
+						<u-form-item :required="true"  label-position="top" :labelStyle="labelstyle" label="工作所在地">
 							<u-input v-model="form.work_address" type="select" placeholder="我的工作所在地" @click="workAddressChange" /></u-form-item>
 							<u-select v-model="show_work_address" mode="mutil-column-auto" :default-value='defaultData.work_address' :list="defaultColumns" @confirm="onWorkCityConfirm"></u-select>
 <!--						<u-select v-model="show_work_address" mode="single-column" :list="area_ranges_by_names" @confirm="workAddressConfirm"></u-select>-->
@@ -104,7 +104,11 @@
 	export default {
 		 
 		data() {
-			return {
+			return {
+				labelstyle:{
+					"color": "#777",
+					"line-height":"20px"
+				},
 				defaultColumns: [],			
 				 defaultData:{
 				 	address:[16,6,0],
@@ -969,7 +973,13 @@
 	.jpLogin-main {
 		margin-top: 40px;
 	}
-
+	.jpLogin-inputLabel{
+		u-form-item{
+				
+				transform: translateY(-30px);
+				
+		}
+	}
 	.jpLogin-input {
 		height: 48px;
 		background-color: #fff;
@@ -985,6 +995,8 @@
 		}
 		u-form-item{
 				width: 100%;
+			
+				
 		}
 		.jpLogin-icon{
 			font-size: 20px;