open-data头像显示问题
发布于 5 年前 作者 liyi 6720 次浏览 来自 问答

刚才试了小程序的open-data,头像显示太不友好,我把组件设置了圆角,但图片还是显示成方形,也不能像image组件那样,支持裁剪

6 回复

谢谢,加overflow:hidden解决了

但头像裁剪还不能实现

比如用户上传的头像是长方形,微信本身显示的头像,会裁剪成正方形,而小程序open-data显示的头像,不支持裁剪,就和微信里显示的头像不一致。

可以做成圆的  你修改错样式了 那个头像 是在伪类元素 你修改他的伪类 border-radius

.userinfo-avatar::after{

    border-radius: 140rpx;

}

你好,你的反馈我们已收到,我们会在后续的版本中考虑增加类似功能。

可以圆角

要加个overflow:hidden

.testAvatar{

display: block;

width: 400rpx;

height: 400rpx;

border-radius: 50%;

overflow: hidden

}

建议open-data在显示头像时,能像一般组件那样定义样式,比如显示为圆形,更能像image那样,支持mode(裁剪缩放)属性。

回到顶部