source:[
{
anim: wx.createAnimation({
duration: 400,
timingFunction: 'ease'
}).translateY(10).opacity(1).scaleX(1).step().export()
},{
anim: wx.createAnimation({
duration: 400,
timingFunction: 'ease'
}).translateY(10).opacity(1).scaleX(1).step().export()
},{
anim: wx.createAnimation({
duration: 400,
timingFunction: 'ease'
}).translateY(10).opacity(1).scaleX(1).step().export()
},{
anim: wx.createAnimation({
duration: 400,
timingFunction: 'ease'
}).translateY(10).opacity(1).scaleX(1).step().export()
},
]
<template name="teml">
<view animation="{{anim}}" > // 这里的动画不会执行
循环时,模板中引用的动画不会执行
</view>
</template>
<block wx:for="{{source}}" wx:key="item">
<template is="teml" data="{{...item}}" />
</block>
网友回复:
把 data="{{...teml}}"中的 teml 换成 anim 可以执行吗?
额对不起 我问题中的代码有误
楼主你好,你的这个动画循环成功了吗?我现在写也遇到了问题,就是只会放一次,并不会循环多次,最后楼主是怎么解决的呢,能不能把代码提交看一下,谢谢了
没有解决,我觉得这是小程序的 bug 他在设计的时候没有按照 css3 动画来设计所以用的时候也不能按照 css3动画来 用