最近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回答
提交回答
  • 至过去的我

    2044人对此回答表示赞同

    我是未来的你,你现在是不是在年找寻小程序答案。你不要感觉诧异,给你来信原因,就是让你不在后悔。今天去学习如何推广小程序,相信......点击查看更多>
    发布于
  • Evelyn

    20人对此回答表示赞同

    样式里面加clip-path(50rpxatcenter)试试???

    展开
    20
    0回复
    发布于 5年前

    评论(0)

    收起评论

  • Andrew

    18人对此回答表示赞同

    加个overflow:hidden试试

    展开
    18
    0回复
    发布于 5年前

    评论(0)

    收起评论

  • 记号笔

    16人对此回答表示赞同

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

    展开
    16
    0回复
    发布于 5年前

    评论(0)

    收起评论

  • 龙猫

    11人对此回答表示赞同

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

    展开
    11
    0回复
    发布于 5年前

    评论(0)

    收起评论

  • 在劫难逃

    10人对此回答表示赞同

    overflow:hidden;

    展开
    10
    0回复
    发布于 5年前

    评论(0)

    收起评论

  • Tabitha

    4人对此回答表示赞同

    clip-path:circle(50%atcenter);

    展开
    4
    0回复
    发布于 5年前

    评论(0)

    收起评论

  • 那都不是事儿

    1人对此回答表示赞同

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

    展开
    1
    0回复
    发布于 5年前

    评论(0)

    收起评论

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
咨询热线

13312967497

扫码添加业务即可随时咨询 还可领取小程序推广攻略

业务咨询: 13312967497
扫码咨询

扫码咨询套餐

回到顶部