open-data引入的头像本身不能做圆角处理,但是可以用其他方式,例如在外层加个view标签,给标签设置样式。
wxml代码
<view class="userimg">
<open-data type="userAvatarUrl" ></open-data>
</view>
wxss代码
加入overflow:hidden让超出部分隐藏
.userimg {
width: 150rpx;
height:150rpx;
border-radius: 50%;
border: 2px solid #19D1C3;
overflow: hidden;
margin: 10rpx;
}
如图所示