sencha touch 加载微调器在 ios 9 中没有动画
sencha touch loading spinner not animating in ios 9
我用 cordova 3.6 构建的 sencha touch 应用程序。0.In iOS<=8 sencha touch loading mask(Ext.LoadMask) 工作得非常好。 iOS9 发布后,LoadMask 根本没有动画,而是只是敲击。 Ajax 请求正常,但加载旋转没有动画效果。
提前致谢。
遇到同样的问题
从@keyframes 中删除“-ms-”已解决我的问题。
来源https://www.sencha.com/forum/showthread.php?301331-Chrome-v43-Ext.LoadMask-is-no-longer-animated
使用这个css:
@keyframes x-loading-spinner-rotate{0%{transform:rotate(0deg)}8.32%{transform:rotate(0deg)}8.33%{transform:rotate(30deg)}16.65%{transform:旋转(30 度)}16.66%{变换:旋转(60 度)}24.99%{变换:旋转(60 度)}25%{变换:旋转(90 度)}33.32%{变换:旋转(90 度)}33.33%{变换:旋转(120 度)}41.65%{变换:旋转(120 度)}41.66%{变换:旋转(150 度)}49.99%{变换:旋转(150 度)}50%{变换:旋转(180 度)}58.32%{变换:旋转(180 度)}58.33%{变换:旋转(210 度)}66.65%{变换:旋转(210 度)}66.66%{变换:旋转(240 度)}74.99%{变换:旋转(240 度)}75%{变换:旋转(270 度)}83.32%{变换:旋转(270 度)}83.33%{变换:旋转(300 度)}91.65%{变换:旋转(300 度)}91.66%{变换:旋转(330 度)}100%{变换:旋转(330 度)}}
我用 cordova 3.6 构建的 sencha touch 应用程序。0.In iOS<=8 sencha touch loading mask(Ext.LoadMask) 工作得非常好。 iOS9 发布后,LoadMask 根本没有动画,而是只是敲击。 Ajax 请求正常,但加载旋转没有动画效果。
提前致谢。
遇到同样的问题
从@keyframes 中删除“-ms-”已解决我的问题。
来源https://www.sencha.com/forum/showthread.php?301331-Chrome-v43-Ext.LoadMask-is-no-longer-animated
使用这个css:
@keyframes x-loading-spinner-rotate{0%{transform:rotate(0deg)}8.32%{transform:rotate(0deg)}8.33%{transform:rotate(30deg)}16.65%{transform:旋转(30 度)}16.66%{变换:旋转(60 度)}24.99%{变换:旋转(60 度)}25%{变换:旋转(90 度)}33.32%{变换:旋转(90 度)}33.33%{变换:旋转(120 度)}41.65%{变换:旋转(120 度)}41.66%{变换:旋转(150 度)}49.99%{变换:旋转(150 度)}50%{变换:旋转(180 度)}58.32%{变换:旋转(180 度)}58.33%{变换:旋转(210 度)}66.65%{变换:旋转(210 度)}66.66%{变换:旋转(240 度)}74.99%{变换:旋转(240 度)}75%{变换:旋转(270 度)}83.32%{变换:旋转(270 度)}83.33%{变换:旋转(300 度)}91.65%{变换:旋转(300 度)}91.66%{变换:旋转(330 度)}100%{变换:旋转(330 度)}}