微信小程序--使用open-data获取用户头像（显示为圆形）

场景描述

        利用微信小程序组件中开发能力的open-data获取用户图像，然后图片显示为圆形头像【默认是方形】

解决方法

在open-data外面套一个view组件，编写class样式即可。

注意：

• class不可以写在open-data中，没有任何效果。
• wxss中必须含有： overflow: hidden;

// wxml
<view class="x">
<open-data type="userAvatarUrl" ></open-data>
</view>

//wxss
.x{
  overflow: hidden;// 必须有
  border-radius: 50%;
}

测试