小程序
小游戏
企业微信
微信支付
扫描小程序码分享
image组件设置头像，采用⭕️设计样式
布局上使用
{
height: 64rpx;
width: 64rpx;
border-radius: 50%;
background-color: #f6f6f6;
}
但是，但是，但是，在渲染的时候，总是先出现头像正方形，然后再变成圆形。
出现该问题，在模拟器上不会，在手机上都会，不管是iOS还是Android。
8 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
我是在swiper需要圆角。最优的办法是在swiper上设置圆角，可惜的是swiper不支持那个样式，于是我在Image上设置圆角，但是滑动的时候会失效。
image直接设置圆角会在swiper里面失效，在swiper套个view设置即可，注意设置overflow以超出隐藏，设置transform: translateY(0);解决在真机上不显示圆角问题。
.swiper-box .radius{ border-radius: 32rpx; overflow: hidden; transform: translateY(0);}
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
image组件的问题 目前使用image + view 背景方式
image隐藏，view负责显示，配合使用image的目的是为了处理图片url错误时，设置默认图处理实现。
遇到同样的问题了，首先渲染方形图片，然后在变成圆角，这个渲染过程比较尴尬，请问问题解决了吗？
没有解决。还在找方案
你好，问题解决了吗，遇到了同样的问题
没有效果，同样会有一闪而过的正方形黑框
外面加层view
可以把图片框起来。
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
我是在swiper需要圆角。最优的办法是在swiper上设置圆角，可惜的是swiper不支持那个样式，于是我在Image上设置圆角，但是滑动的时候会失效。
image直接设置圆角会在swiper里面失效，在swiper套个view设置即可，注意设置overflow以超出隐藏，设置transform: translateY(0);解决在真机上不显示圆角问题。
.swiper-box .radius{ border-radius: 32rpx; overflow: hidden; transform: translateY(0);}
image组件的问题 目前使用image + view 背景方式
image隐藏，view负责显示，配合使用image的目的是为了处理图片url错误时，设置默认图处理实现。
遇到同样的问题了，首先渲染方形图片，然后在变成圆角，这个渲染过程比较尴尬，请问问题解决了吗？
没有解决。还在找方案
你好，问题解决了吗，遇到了同样的问题
没有效果，同样会有一闪而过的正方形黑框
外面加层view
可以把图片框起来。