微信小程序--open-data获取用户头像实现头像圆角

index.wxml:

<view class="userinfo-avatar">
   <open-data type="userAvatarUrl"></open-data>
</view>

wxss:

.userinfo-avatar {
  text-align: center;
  margin: 0 auto;
  overflow: hidden;
  display: block;
  width: 130rpx;
  height: 130rpx;
  border-radius: 50%;
  border: 2px solid #ebebef;
}