小程序open-data的圆形用户头像实现

<view class="page-body-info ">
<open-data type='userAvatarUrl' class="userinfo" mode="cover"></open-data>
<open-data type="userNickName"  ></open-data> 
</view>

.page-body-info {
  text-align: center; 
}
.userinfo{
    width:200rpx;
    height: 200rpx;
    margin: 0 auto;
    border-radius: 50%;
    display:flex;
    overflow: hidden;
}