我发现在 循环的时候,模板中引用的动画不会执行
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>
// 这样就可以执行
<template is="teml" data="{{...source[0]}}" />