获取头像
<view>
<button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar">
<image class="avatar" src="{{userInfo.avatarUrl}}"></image>
</button>
</view>
const defaultAvatarUrl:string = 'https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI242Lcia07jQodd2FJGIYQfG0LAJGFxM4FbnQP6yfMxBgJ0F3YRqJCJ1aPAK2dQagdusBZg/0'
Page({
data: {
userInfo: {
avatarUrl: defaultAvatarUrl,
nickName: '',
},
},
onChooseAvatar(e: any){
const { avatarUrl } = e.detail
console.log(e.detail)
this.setData({
"userInfo.avatarUrl":avatarUrl
})
},
onLoad() {
},
onReady() {
},
onShow() {
},
onHide() {
},
onUnload() {
},
onPullDownRefresh() {
},
onReachBottom() {
},
onShareAppMessage() {
}
})
.avatar-wrapper{
width: 100rpx;
height: 300rpx;
background: none;
border-radius: 10px;
}
.avatar{
width: 100%;
height: 100%;
border-radius: 10px;
}
获取姓名
<input type="nickname" class="nickname-input" placeholder="请输入昵称" bind:change="onInputChange" />
onInputChange(e:any){
const nickName = e.detail.value
const { avatarUrl } = this.data.userInfo
this.setData({
"userInfo.nickName":nickName
})
}