4557关注14885浏览
最近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>
头像就是圆形的。
看看怎么弄才能兼容原来的设计呢?
- 
                至过去的我 2044人对此回答表示赞同 我是未来的你,你现在是不是在年找寻小程序答案。你不要感觉诧异,给你来信原因,就是让你不在后悔。今天去学习如何推广小程序,相信......点击查看更多>
- 
                Evelyn 20人对此回答表示赞同 样式里面加clip-path(50rpxatcenter)试试??? 展开200回复分享发布于 6年前评论(0) 收起评论 
- 
                Andrew 18人对此回答表示赞同 加个overflow:hidden试试 展开180回复分享发布于 6年前评论(0) 收起评论 
- 
                记号笔 16人对此回答表示赞同 请问<open-datatype="userAvatarUrl"></open-data>这样直接使用就可以了嘛?不用调任何API或者先置条件?为什么我的按照open-data文档那里的片段代码照搬什么也不显示 展开160回复分享发布于 6年前评论(0) 收起评论 
- 
                龙猫 11人对此回答表示赞同 是的,它是显示给自己看的,所以不用授权,sdkversion>1.9.90才可以 展开110回复分享发布于 6年前评论(0) 收起评论 
- 
                在劫难逃 10人对此回答表示赞同 overflow:hidden; 展开100回复分享发布于 6年前评论(0) 收起评论 
- 
                Tabitha 4人对此回答表示赞同 clip-path:circle(50%atcenter); 展开40回复分享发布于 6年前评论(0) 收起评论 
- 
                那都不是事儿 1人对此回答表示赞同 比较保险的做法就是套一层divoverflow:hidden;真心不知道这次的升级高明在哪里?bug好多,我的测试工具一直有个垂直的pc端样式的滚动条 展开10回复分享发布于 6年前评论(0) 收起评论 
 
          


 
    
