4557关注14333浏览
最近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回复分享发布于 5年前评论(0)
收起评论
-
Andrew
18人对此回答表示赞同
加个overflow:hidden试试
展开180回复分享发布于 5年前评论(0)
收起评论
-
记号笔
16人对此回答表示赞同
请问<open-datatype="userAvatarUrl"></open-data>这样直接使用就可以了嘛?不用调任何API或者先置条件?为什么我的按照open-data文档那里的片段代码照搬什么也不显示
展开160回复分享发布于 5年前评论(0)
收起评论
-
龙猫
11人对此回答表示赞同
是的,它是显示给自己看的,所以不用授权,sdkversion>1.9.90才可以
展开110回复分享发布于 5年前评论(0)
收起评论
-
在劫难逃
10人对此回答表示赞同
overflow:hidden;
展开100回复分享发布于 5年前评论(0)
收起评论
-
Tabitha
4人对此回答表示赞同
clip-path:circle(50%atcenter);
展开40回复分享发布于 5年前评论(0)
收起评论
-
那都不是事儿
1人对此回答表示赞同
比较保险的做法就是套一层divoverflow:hidden;真心不知道这次的升级高明在哪里?bug好多,我的测试工具一直有个垂直的pc端样式的滚动条
展开10回复分享发布于 5年前评论(0)
收起评论