|
|
|
@ -8,18 +8,13 @@ |
|
|
|
style="width: 80rpx;height: 80rpx;border-radius: 50%;"></image> |
|
|
|
</view> |
|
|
|
</div> |
|
|
|
<navigator url="/subPackages/user/changeNickname" tag="view" class="userinfo-item"> |
|
|
|
<navigator :url="'/subPackages/user/changeNickname?nicknane='+nickname" tag="view" class="userinfo-item"> |
|
|
|
<span>姓名</span> |
|
|
|
<view>{{nickname}}</view> |
|
|
|
</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="#7FD491" :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"> |
|
|
|
<span>手机号</span> |
|
|
|
@ -31,8 +26,20 @@ |
|
|
|
<view class="uni-input">{{birthday}}</view> |
|
|
|
</picker> |
|
|
|
</view> |
|
|
|
<!-- <navigator url="/subPackages/user/logout" tag="view" class="userinfo-item"> |
|
|
|
<span>注销账号</span> |
|
|
|
<i>注销后账号无法恢复，请谨慎操作</i> |
|
|
|
</navigator> --> |
|
|
|
<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 +62,10 @@ |
|
|
|
{ |
|
|
|
value: '2', |
|
|
|
text: '女' |
|
|
|
}, |
|
|
|
{ |
|
|
|
value: '0', |
|
|
|
text: '保密' |
|
|
|
} |
|
|
|
], |
|
|
|
today: null, |
|
|
|
@ -183,8 +194,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 +232,7 @@ |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
|
|
|
<style scoped> |
|
|
|
<style scoped lang="scss"> |
|
|
|
view { |
|
|
|
box-sizing: content-box; |
|
|
|
} |
|
|
|
@ -239,11 +251,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 +295,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 { |
|
|
|
@ -297,15 +311,29 @@ |
|
|
|
font-weight: 500; |
|
|
|
font-size: 31rpx; |
|
|
|
flex-shrink: 0; |
|
|
|
color: #000; |
|
|
|
} |
|
|
|
|
|
|
|
.userinfo-item i { |
|
|
|
font-weight: 500; |
|
|
|
font-size: 24rpx; |
|
|
|
color: #999999; |
|
|
|
} |
|
|
|
|
|
|
|
.userinfo-item view:after, |
|
|
|
.birthday-box:after { |
|
|
|
font-family: "iconfont"; |
|
|
|
content: "\e62e"; |
|
|
|
font-size: 26rpx; |
|
|
|
font-weight: bold; |
|
|
|
margin-left: 6rpx; |
|
|
|
.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 +367,7 @@ |
|
|
|
font-size: 30rpx; |
|
|
|
width: 697rpx; |
|
|
|
height: 80rpx; |
|
|
|
background: linear-gradient(90deg, #9EE4FE, #7FD491); |
|
|
|
background: #00AEA0; |
|
|
|
border-radius: 40rpx; |
|
|
|
line-height: 80rpx; |
|
|
|
color: #FFFFFF; |
|
|
|
@ -347,4 +375,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> |
|
|
|
|
jiazhipeng
7 months ago