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

发布于 7 年前作者 caojun14166 次浏览最后编辑 7 年前来自 ask

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 回复
nalai
nalai1 楼6 年前

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

ycao
ycao2 楼6 年前

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

qdeng
qdeng3 楼6 年前

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

yang47
yang474 楼6 年前

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

lei02
lei025 楼6 年前

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

ujiang
ujiang6 楼5 年前

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