场景描述
利用微信小程序组件中开发能力的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%;
}
测试