收藏
回答

userAvatarUrl不支持圆形效果?

框架类型 问题类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
小程序 Bug open-data 客户端 6.6.6 2.0.2

最近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>

头像就是圆形的。


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


回答关注问题邀请回答
收藏

7 个回答

  • 黄思程
    黄思程
    2018-04-25

    加个overflow:hidden试试

    2018-04-25
    有用 1
    回复
  • 乐天⁸⁸⁰⁰⁶⁶⁷🐳
    乐天⁸⁸⁰⁰⁶⁶⁷🐳
    2018-04-24

    clip-path: circle(50% at center);

    这个好使,谢了!

    2018-04-24
    有用 1
    回复
  • 氵
    2018-04-28

    比较保险的做法就是套一层div overflow:hidden;   真心不知道这次的升级高明在哪里?bug好多  ,我的测试工具一直有个垂直的pc端样式的滚动条

    2018-04-28
    有用
    回复
  • 乐天⁸⁸⁰⁰⁶⁶⁷🐳
    乐天⁸⁸⁰⁰⁶⁶⁷🐳
    2018-04-26

    overflow: hidden;

    经测试有效,其他人可以参考。

    2018-04-26
    有用
    回复
  • 乐天⁸⁸⁰⁰⁶⁶⁷🐳
    乐天⁸⁸⁰⁰⁶⁶⁷🐳
    2018-04-24

    是的,它是显示给自己看的,所以不用授权,sdkversion>1.9.90才可以

    2018-04-24
    有用
    回复
  • 醒醒
    醒醒
    2018-04-24

    请问<open-data type="userAvatarUrl"></open-data>  这样直接使用就可以了嘛?不用调任何API或者先置条件?为什么我的按照open-data文档那里的片段代码照搬什么也不显示

    2018-04-24
    有用
    回复 1
    • egg🍳
      egg🍳
      2018-05-15
      我这边也是什么都不显示,请问你是怎么解决的?
      2018-05-15
      回复
  • Tom
    Tom
    2018-04-24

    样式里面加clip-path(50rpx at center)试试???

    2018-04-24
    有用
    回复
登录 后发表内容