最近wx.getUserInfo接口即将下线，我打算改成open-data的方式，但发现采用之后，原来的头像圆形效果怎么也出不来，代码如下：

<view class=“img_radius”><open-data type=“userAvatarUrl”></open-data></view>

.img_radius{

width: 100rpx;

height: 100rpx;

border-radius: 100rpx;

}

之前用的这种方式：

<image src="{{headImg}}" class=“img_radius”></image>

头像就是圆形的。

看看怎么弄才能兼容原来的设计呢？