|
|
|
|
@ -4,12 +4,14 @@ |
|
|
|
|
<view class="avatar_warp"> |
|
|
|
|
<text>头像</text> |
|
|
|
|
<button open-type="chooseAvatar" @chooseavatar="chooseavatar" class="avatar-box"> |
|
|
|
|
<image :src="userInfo.avatar" class="avatar"></image> |
|
|
|
|
<image v-if="userInfo.avatar" :src="userInfo.avatar" class="avatar"></image> |
|
|
|
|
<image v-else :src="avatarUrl" class="avatar"></image> |
|
|
|
|
</button> |
|
|
|
|
</view> |
|
|
|
|
<view class="nickname_warp"> |
|
|
|
|
<text>昵称</text> |
|
|
|
|
<input @blur="formSubmit" v-model="userInfo.username" class="nickname" type="nickname" placeholder="请输入昵称" /> |
|
|
|
|
<input v-if="userInfo.phone" @blur="formSubmit" v-model="userInfo.username" class="nickname" type="nickname" placeholder="请输入昵称" /> |
|
|
|
|
<input v-else class="nickname" type="nickname" placeholder="请输入昵称" /> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="cnt-box"> |
|
|
|
|
@ -46,10 +48,12 @@ |
|
|
|
|
export default { |
|
|
|
|
data() { |
|
|
|
|
return { |
|
|
|
|
nickName: '',//默认值 |
|
|
|
|
avatarUrl: 'https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI242Lcia07jQodd2FJGIYQfG0LAJGFxM4FbnQP6yfMxBgJ0F3YRqJCJ1aPAK2dQagdusBZg/0', |
|
|
|
|
userInfo: { |
|
|
|
|
username: '', |
|
|
|
|
avatar: '' |
|
|
|
|
avatar: '', |
|
|
|
|
phone: '' |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
@ -63,6 +67,7 @@ |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
//获取昵称 |
|
|
|
|
formSubmit(e) { |
|
|
|
|
console.log(e.detail) |
|
|
|
|
if(e.detail.value) { |
|
|
|
|
@ -71,7 +76,10 @@ |
|
|
|
|
}, |
|
|
|
|
//获取头像 |
|
|
|
|
chooseavatar(e) { |
|
|
|
|
console.log(e); |
|
|
|
|
if(!this.userInfo.phone) { |
|
|
|
|
this.avatarUrl = e.detail.value; |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
uni.uploadFile({ |
|
|
|
|
url: getApp().globalData.baseUrl + '/blade-resource/oss/endpoint/put-file', |
|
|
|
|
filePath: e.detail.avatarUrl, |
|
|
|
|
|