有个动画效果,利用css的keyframes+background-image来写的(base64图片)。
在ios一些设备上出现问题:第一次进入小程序,动画正常显示->离开小程序->再回到小程序->图片没了
wxml:
<view class="icon"></view>
wxss:
.icon {
width: 24px;
height: 24px;
animation: playing 0.8s linear 0s infinite;
background-size: contain;
}
@keyframes playing {
0% {
background: no-repeat center/contain url(data:image/png;xxx);
}
100% {
background: no-repeat center/contain url(data:image/png;base64,xxx);
}
}
提供一下出现问题的机型和微信版本,以及能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。
代码片段 https://developers.weixin.qq.com/s/ajae4yms7j3T
机型:iphone7 (10.3.3)
微信版本:6.7.3
安卓的有测试吗?
我手头的安卓手机没有问题
请问有结论了吗?
建议自查下原因,该问题在 safari 上也能复现