小程序关于animation问题
2019-04-03 15:13:30
如何看待微信公开课小程序热门讨论「小程序关于animation问题」
摘要:小程序关于animation问题
展开:想写一个加载动画,大概5个元素,依次执行动画。请问配置里的animation一定要是对象吗,可以是数组吗?执行了一下,动画无规律执行,每次刷新都不一样类似下面的形式Page({data:{animation:[]},aniFun:function(){varthatthis;varanimatData[];//m元素的动画varaniMwx.createAnimation({duration:200,timingFunction:easein,delay:0});aniM.translateY(20).step();aniM.translateY(0).step();varani_ManiM.export();//o元素的动画varaniOwx.createAnimation({duration:200,timingFunction:linear,delay:50});aniO.translateY(20).step();aniO.translateY(0).step();varani_OaniO.export();//c元素的动画varaniCwx.createAnimation({duration:200,timingFunction:linear,delay:100});aniC.translateY(20).step();aniC.translateY(0).step();varani_CaniC.export();//cc元素的动画varaniCcwx.createAnimation({duration:200,timingFunction:linear,delay:150});aniCc.translateY(20).step();aniCc.translateY(0).step();varani_CcaniCc.export();//a元素的动画varaniAwx.createAnimation({duration:200,timingFunction:linear,delay:200});aniA.translateY(20).step();aniA.translateY(0).step();varani_AaniA.export();//传入数组animatDataanimatData.push(ani_M,ani_O,ani_C,ani_Cc,ani_A);//更新animationthat.setData({animation:animatData;})console.log(that.data.animation);//varwordAnFunsetInterval(function(){//console.log(that.data.animation);//that.setData({//animation:animatData//})//},500)//console.log(animatData);}})
摘要:小程序关于animation问题
展开:想写一个加载动画,大概5个元素,依次执行动画。请问配置里的animation一定要是对象吗,可以是数组吗?执行了一下,动画无规律执行,每次刷新都不一样类似下面的形式Page({data:{animation:[]},aniFun:function(){varthatthis;varanimatData[];//m元素的动画varaniMwx.createAnimation({duration:200,timingFunction:easein,delay:0});aniM.translateY(20).step();aniM.translateY(0).step();varani_ManiM.export();//o元素的动画varaniOwx.createAnimation({duration:200,timingFunction:linear,delay:50});aniO.translateY(20).step();aniO.translateY(0).step();varani_OaniO.export();//c元素的动画varaniCwx.createAnimation({duration:200,timingFunction:linear,delay:100});aniC.translateY(20).step();aniC.translateY(0).step();varani_CaniC.export();//cc元素的动画varaniCcwx.createAnimation({duration:200,timingFunction:linear,delay:150});aniCc.translateY(20).step();aniCc.translateY(0).step();varani_CcaniCc.export();//a元素的动画varaniAwx.createAnimation({duration:200,timingFunction:linear,delay:200});aniA.translateY(20).step();aniA.translateY(0).step();varani_AaniA.export();//传入数组animatDataanimatData.push(ani_M,ani_O,ani_C,ani_Cc,ani_A);//更新animationthat.setData({animation:animatData;})console.log(that.data.animation);//varwordAnFunsetInterval(function(){//console.log(that.data.animation);//that.setData({//animation:animatData//})//},500)//console.log(animatData);}})
标签:小程序
「小程序关于animation问题」热门讨论订阅
方法1:微信扫描微信公开课小程序码即可订阅热门讨论「小程序关于animation问题」
方法2:微信搜索微信公开课小程序名称进入,即可订阅热门讨论「小程序关于animation问题」
方法3:微信网页访问即速商店,长按识别微信公开课小程序码即可订阅热门讨论「小程序关于animation问题」
微信公开课小程序热门讨论「小程序关于animation问题」由微信公开课原创摘录于微信小程序商店shop.jisuapp.cn,转载请注明出处。
微信公开课热门讨论「小程序关于animation问题」由微信公开课开发者向微信用户提供,并对本服务内容、数据资料及其运营行为等真实性、合法性及有效性承担全部责任。
微信公开课小程序
更新时间:2019-04-03 15:13:30
>
__methodCallerx27;ofundefined
>-404011cloudfunctionexecutionerror
>,请补充选择商家自营-预付卡销售-发行方类目,并在基础信息处申请该类目,通过
>:host在模拟器中显示无效
>:请在小程序服务页面上架正式(非测试)内容或商品后重新提交审核
>.net 微信小程序 上传图片
>'setTimeout'的问题
>‘三朵里熙SPA主题减压空间’为什么搜索关键词‘三朵里‘搜不到
>‘扫普通链接二维码打开小程序‘中设置为体验版,扫码打开是线上版本
>“cloudfunctions**indexjs”gitignore
>“NO ULINK DEVICE FOUND”是怎么回事
>“万马掌上校园”的类目审核
>“上线了”公司开发的微信小程序怎么样?
>“产品是否一定需要条形码”
>