wxml文件:
<view class='header'>
<open-data class='userInfo' type="userAvatarUrl" bindgetuserinfo="onGotUserInfo">
</open-data>
</view>
<open-data class='store_address' type="userNickName" lang="zh_CN"></open-data>
wxss文件:
.header {
border-radius: 50%;
overflow: hidden;
width:200rpx;
height: 200rpx;
position: relative;
background: pink;
margin: 0 auto;
top: -40rpx;
}
.store_address{
position: relative;
bottom: 36rpx;
}
js文件:
onGotUserInfo: function (e) {
console.log("nickname=" + e.detail.userInfo.nickName);
},
它可以自动获取用户的昵称和头像,并设置为圆形