收藏
回答

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

问题模块
API和组件

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>


最后一次编辑于  2017-05-04  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

6 个回答

  • 左耳
    左耳
    2017-09-25

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

    2017-09-25
    赞同
    回复
  • 叶仕贤
    叶仕贤
    2017-08-25

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

    2017-08-25
    赞同
    回复
  • 艾希礼の猫-石兴龙
    艾希礼の猫-石兴龙
    2017-05-24

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

    2017-05-24
    赞同
    回复
  • 纯邪无洁
    纯邪无洁
    2017-05-18

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

    2017-05-18
    赞同
    回复
  • 艾希礼の猫-石兴龙
    艾希礼の猫-石兴龙
    2017-05-04

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

    2017-05-04
    赞同
    回复
  • 邓坤力
    邓坤力
    2017-05-03

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

    2017-05-03
    赞同
    回复