图片设置圆角 会先闪一下 才变成圆图
发布于 5 年前 作者 lichao 14105 次浏览 来自 问答

图片设置圆角  会先闪一下 才变成圆图

9 回复

如果是在一般的view里显示,可以把图片放在一个和图等大小的view里,给view也设上border-radius,而且overflow:hidden。如果是scroll-view里,就不知道怎么操作了

尝试加一个 will-change: transform 看看

麻烦提供一下出现问题的机型和微信版本,并且给个相关的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html),我们定位下问题

有的机子闪的比较快,我这个华为nava的,很明显

华为nova青春版  

微信版本 6.6.6

这个问题困扰我们很久了,因为图标多这个特别烦人。但发现微信里很多情况都存在这个问题,不单单是小程序。

我的方法是直接在view里设置background image,就没这个问题了。

<view style="background-image: url('{{item.cover_image}}');" class="race-logo-small backimg"></view>

但的确还是希望官方可以注意下这个问题。虽然可能已经是整个微信内置webview的问题了

你的办法不错,很好,在没有判断的情况下,你的这个方法已经是最佳的实践了,如果存在判断的话,例如当后端返回的字段室友图片地址的话就显示图片地址的图片,如果返回的图片地址为空的话就显示默认图片这样子的话,浏览器会先判断是否图片地址是否false,之后在根据判断的结果渲染页面,会出现一瞬间的空白或者闪一下

我在外面也套了一个view,这样设置过了,可是还是会闪一下

回到顶部