|
|
|
@ -14,17 +14,12 @@ |
|
|
|
</navigator> |
|
|
|
<view class="userinfo-item" @click="showSexSelect = true"> |
|
|
|
<span>性别</span> |
|
|
|
<!-- <view>{{sexes[info.gender]}}</view> --> |
|
|
|
<radio-group @change="changesex"> |
|
|
|
<label style="margin-right: 15rpx;" v-for="(item,index) in sexes" :key="index"> |
|
|
|
<radio color="#248BAA" :value="item.value" :checked="index === info.gender-1" />{{item.text}} |
|
|
|
</label> |
|
|
|
</radio-group> |
|
|
|
<view @click="$refs.popup.open()">{{gender == 1 ? '男' : (gender == 2 ? '女' : '保密')}}</view> |
|
|
|
</view> |
|
|
|
<view class="userinfo-item"> |
|
|
|
<navigator url="/subPackages/user/bindTel" class="userinfo-item"> |
|
|
|
<span>手机号</span> |
|
|
|
<view>{{info.mobile}}</view> |
|
|
|
</view> |
|
|
|
</navigator> |
|
|
|
<view class="userinfo-item"> |
|
|
|
<span>生日</span> |
|
|
|
<picker mode="date" :value="date" :start="startDate" :end="endDate" @change="bindDateChange"> |
|
|
|
@ -33,6 +28,14 @@ |
|
|
|
</view> |
|
|
|
<view class="btn-tao" @click="submit">保存</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 性别弹框 --> |
|
|
|
<uni-popup ref="popup" type="bottom"> |
|
|
|
<view class="popup-box"> |
|
|
|
<view class="popup-item flex-center" v-for="(item,index) in sexes" :key="index" @click="changesex(index)">{{item.text}}</view> |
|
|
|
<view class="popup-items flex-center" @click="$refs.popup.close()">取消</view> |
|
|
|
</view> |
|
|
|
</uni-popup> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
|
|
|
|
@ -55,6 +58,10 @@ |
|
|
|
{ |
|
|
|
value: '2', |
|
|
|
text: '女' |
|
|
|
}, |
|
|
|
{ |
|
|
|
value: '0', |
|
|
|
text: '保密' |
|
|
|
} |
|
|
|
], |
|
|
|
today: null, |
|
|
|
@ -183,8 +190,9 @@ |
|
|
|
day = day > 9 ? day : '0' + day; |
|
|
|
return `${year}/${month}/${day}`; |
|
|
|
}, |
|
|
|
changesex(value) { |
|
|
|
this.gender = value.detail.value |
|
|
|
changesex(index) { |
|
|
|
this.gender = this.sexes[index].value |
|
|
|
this.$refs.popup.close() |
|
|
|
}, |
|
|
|
submit() { |
|
|
|
uni.showModal({ |
|
|
|
@ -220,7 +228,7 @@ |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
|
|
|
<style scoped> |
|
|
|
<style scoped lang="scss"> |
|
|
|
view { |
|
|
|
box-sizing: content-box; |
|
|
|
} |
|
|
|
@ -239,11 +247,12 @@ |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
.info-avatar-top view:after{ |
|
|
|
font-family: "iconfont"; |
|
|
|
content: "\e62e"; |
|
|
|
font-size: 26rpx; |
|
|
|
font-weight: bold; |
|
|
|
content: ""; |
|
|
|
width: 20rpx; |
|
|
|
height: 20rpx; |
|
|
|
margin-left: 6rpx; |
|
|
|
background-image: url('https://static.ticket.sz-trip.com/tongli/images/user/rightIcon-gray.png'); |
|
|
|
background-size: 100% 100%; |
|
|
|
} |
|
|
|
.info-avatar-top img { |
|
|
|
width: 80rpx; |
|
|
|
@ -282,9 +291,10 @@ |
|
|
|
align-items: center; |
|
|
|
font-size: 30rpx; |
|
|
|
border-bottom: 1rpx solid #D8D8D8; |
|
|
|
padding: 40rpx 0; |
|
|
|
padding: 40rpx 30rpx 40rpx 0; |
|
|
|
height: 48rpx; |
|
|
|
color: #333; |
|
|
|
position: relative; |
|
|
|
} |
|
|
|
|
|
|
|
.info-avatar-top span { |
|
|
|
@ -299,13 +309,20 @@ |
|
|
|
flex-shrink: 0; |
|
|
|
} |
|
|
|
|
|
|
|
.userinfo-item view:after, |
|
|
|
.birthday-box:after { |
|
|
|
font-family: "iconfont"; |
|
|
|
content: "\e62e"; |
|
|
|
font-size: 26rpx; |
|
|
|
font-weight: bold; |
|
|
|
.userinfo-item { |
|
|
|
& view::after { |
|
|
|
content: ""; |
|
|
|
width: 20rpx; |
|
|
|
height: 20rpx; |
|
|
|
margin-left: 6rpx; |
|
|
|
background-image: url('https://static.ticket.sz-trip.com/tongli/images/user/rightIcon-gray.png'); |
|
|
|
background-size: 100% 100%; |
|
|
|
position: absolute; |
|
|
|
right: 0; |
|
|
|
margin: auto; |
|
|
|
top: 0; |
|
|
|
bottom: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.birthday-box { |
|
|
|
@ -339,7 +356,7 @@ |
|
|
|
font-size: 30rpx; |
|
|
|
width: 697rpx; |
|
|
|
height: 80rpx; |
|
|
|
background: #248BAA; |
|
|
|
background: #C3282E; |
|
|
|
border-radius: 40rpx; |
|
|
|
line-height: 80rpx; |
|
|
|
color: #FFFFFF; |
|
|
|
@ -347,4 +364,33 @@ |
|
|
|
left: 26rpx; |
|
|
|
bottom: 100rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.popup-box { |
|
|
|
border-radius: 20rpx 20rpx 0rpx 0rpx; |
|
|
|
background: #fff; |
|
|
|
overflow: hidden; |
|
|
|
|
|
|
|
.popup-item { |
|
|
|
width: 697rpx; |
|
|
|
height: 99rpx; |
|
|
|
font-weight: 500; |
|
|
|
font-size: 31rpx; |
|
|
|
color: #12293C; |
|
|
|
margin: auto; |
|
|
|
} |
|
|
|
.popup-item:nth-child(2) { |
|
|
|
border: none; |
|
|
|
border-bottom: 1rpx solid #D8D8D8; |
|
|
|
border-top: 1rpx solid #D8D8D8; |
|
|
|
} |
|
|
|
|
|
|
|
.popup-items { |
|
|
|
width: 100%; |
|
|
|
height: 99rpx; |
|
|
|
font-weight: 500; |
|
|
|
font-size: 31rpx; |
|
|
|
color: #12293C; |
|
|
|
border-top: 13rpx solid #F2F2F2; |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
chenkainan
12 months ago