收藏
回答

border-radius

问题模块 框架类型 问题类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
API和组件 小程序 Bug image 微信iOS客户端 6.6.6 1.9.9

图片组件,image,设置border-radius属性,动态去加载的时候,总是有从方图跳转为圆角的过程,如果是列表加载,整个列表跳动,会很影响用户体验。

建议官方优化。


目前使用opacity去渐变现实了加载的列表,解决了以一些,但由于图片加载的延迟无法控制,不能够消除完美。

最后一次编辑于  2018-05-30  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

6 个回答

  • 米苏
    米苏
    01-31

    最新的解决办法,弃用image组件,改用background-image的方式,给view加圆角,就不会出现了

    01-31
    赞同
    回复
  • aben
    aben
    2018-11-21

    给 image 添加 transform:translateY(0) 样式试试

    https://developers.weixin.qq.com/community/develop/doc/00046610d28c38fbf697864045b000?highLine=swiper


    2018-11-21
    赞同
    回复
  • 🐠糖醋鱼
    🐠糖醋鱼
    2018-10-20

    我也遇到这种问题,真的好恶心。官方不知道有没有发现和优化,真的好影响用户体验,相对于动不动就废弃接口,这种问题我觉得官方更应该优化。

    2018-10-20
    赞同
    回复
  • 楚彤     💋
    楚彤 💋
    2018-06-06

    同样的问题,小程序什么时候能解决啊

    2018-06-06
    赞同
    回复 1
    • lstrive
      lstrive
      2018-06-16

      因为老大不太接受这种,建议让我有话,想来想去,只能使用transition来了,判断每次加载的列表的个数,给新加载的列表设置透明度渐变的动画,能够比较理想的解决,还有种懒加载的赶脚~~~但图片渲染时间不固定,有时候也会看到方变圆。。。不过能力有限,只能做成这样了。可以借鉴下

      2018-06-16
      回复
  • lstrive
    lstrive
    2018-05-30

    是的,各种写法都试了,用父元素overflow  hidden也不行。

    2018-05-30
    赞同
    回复
  • 卢霄霄
    卢霄霄
    2018-05-30

    最开始是有这个问题的,后来有段时间可以用设置父标签的样式解决,再后来设置父标签样式解决不了了。这。。隔代遗传啊!隐性遗传病!

    2018-05-30
    赞同
    回复