我发现在 循环的时候,模板中引用的动画不会执行
发布于 6 年前 作者 caojun 13996 次浏览 来自 问答

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>

6 回复

楼主你好,你的这个动画循环成功了吗?我现在写也遇到了问题,就是只会放一次,并不会循环多次,最后楼主是怎么解决的呢,能不能把代码提交看一下,谢谢了

楼主,最后用什么方法解决的,求赐教

請問樓主,你的問題現在解決了沒?

把 data="{{…teml}}"中的 teml 换成 anim 可以执行吗?

没有解决,我觉得这是小程序的 bug  他在设计的时候没有按照 css3 动画来设计所以用的时候也不能按照 css3动画来 用

额对不起 我问题中的代码有误

回到顶部