收藏
回答

template 和 wx:for 问题


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



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

回答关注问题邀请回答
收藏
登录 后发表内容