使用微信小程序的开放能力open-data可以方便地获取用户的头像,昵称,性别等用户信息
这里关于头像的使用需要注意最好使用view组件嵌套:
wxml代码:
<view class="avatar">
<open-data type="userAvatarUrl"></open-data>
</view>
wxss代码:
.avatar {
width:100rpx;
height:100rpx;
border-radius: 50%;
overflow:hidden
}
如果单独设置border-radius而不设置overflow,则圆角会失效。