template 和 wx:for 问题
发布于 5 年前 作者 yansu 18131 次浏览 来自 问答

我发现在 循环的时候,模板中引用的动画不会执行

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]}}" />

回到顶部