|
@@ -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],
|
|
@@ -953,6 +957,7 @@
|
|
|
min-height: 100vh;
|
|
|
padding: 50px;
|
|
|
margin-top: -44px;
|
|
|
+ background-attachment: fixed;
|
|
|
}
|
|
|
.step-btn{
|
|
|
text-align: center;
|
|
@@ -978,7 +983,13 @@
|
|
|
.jpLogin-main {
|
|
|
margin-top: 40px;
|
|
|
}
|
|
|
-
|
|
|
+ .jpLogin-inputLabel{
|
|
|
+ u-form-item{
|
|
|
+
|
|
|
+ transform: translateY(-30px);
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
.jpLogin-input {
|
|
|
height: 48px;
|
|
|
background-color: #fff;
|
|
@@ -990,7 +1001,12 @@
|
|
|
margin-bottom: 20px;
|
|
|
position: relative;
|
|
|
.u-form-item{
|
|
|
- flex: 1;
|
|
|
+ flex: 1;
|
|
|
+ }
|
|
|
+ u-form-item{
|
|
|
+ width: 100%;
|
|
|
+
|
|
|
+
|
|
|
}
|
|
|
.jpLogin-icon{
|
|
|
font-size: 20px;
|