0
点赞
收藏
分享

微信扫一扫

微信小程序--使用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%;
}

测试

微信小程序--使用open-data获取用户头像(显示为圆形)_解决方法


微信小程序--使用open-data获取用户头像(显示为圆形)_微信小程序_02


举报

相关推荐

uniapp获取用户头像

0 条评论