小程序
小游戏
企业微信
微信支付
扫描小程序码分享
图片组件,image,设置border-radius属性,动态去加载的时候,总是有从方图跳转为圆角的过程,如果是列表加载,整个列表跳动,会很影响用户体验。
建议官方优化。
目前使用opacity去渐变现实了加载的列表,解决了以一些,但由于图片加载的延迟无法控制,不能够消除完美。
6 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
最新的解决办法,弃用image组件,改用background-image的方式,给view加圆角,就不会出现了
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
给 image 添加 transform:translateY(0) 样式试试
https://developers.weixin.qq.com/community/develop/doc/00046610d28c38fbf697864045b000?highLine=swiper
我也遇到这种问题,真的好恶心。官方不知道有没有发现和优化,真的好影响用户体验,相对于动不动就废弃接口,这种问题我觉得官方更应该优化。
同样的问题,小程序什么时候能解决啊
因为老大不太接受这种,建议让我有话,想来想去,只能使用transition来了,判断每次加载的列表的个数,给新加载的列表设置透明度渐变的动画,能够比较理想的解决,还有种懒加载的赶脚~~~但图片渲染时间不固定,有时候也会看到方变圆。。。不过能力有限,只能做成这样了。可以借鉴下
是的,各种写法都试了,用父元素overflow hidden也不行。
最开始是有这个问题的,后来有段时间可以用设置父标签的样式解决,再后来设置父标签样式解决不了了。这。。隔代遗传啊!隐性遗传病!
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
最新的解决办法,弃用image组件,改用background-image的方式,给view加圆角,就不会出现了
给 image 添加 transform:translateY(0) 样式试试
https://developers.weixin.qq.com/community/develop/doc/00046610d28c38fbf697864045b000?highLine=swiper
我也遇到这种问题,真的好恶心。官方不知道有没有发现和优化,真的好影响用户体验,相对于动不动就废弃接口,这种问题我觉得官方更应该优化。
同样的问题,小程序什么时候能解决啊
因为老大不太接受这种,建议让我有话,想来想去,只能使用transition来了,判断每次加载的列表的个数,给新加载的列表设置透明度渐变的动画,能够比较理想的解决,还有种懒加载的赶脚~~~但图片渲染时间不固定,有时候也会看到方变圆。。。不过能力有限,只能做成这样了。可以借鉴下
是的,各种写法都试了,用父元素overflow hidden也不行。
最开始是有这个问题的,后来有段时间可以用设置父标签的样式解决,再后来设置父标签样式解决不了了。这。。隔代遗传啊!隐性遗传病!