收藏
回答

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

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
回答关注问题邀请回答
收藏

7 个回答

  • 邓坤力
    邓坤力
    2017-05-03

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

    2017-05-03
    有用
    回复
  • 小博
    小博
    2021-11-07

    可以的,动画对象放到 data 里面,传过去到模板里面

    2021-11-07
    有用
    回复
  • 一只毛桃
    一只毛桃
    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
    有用
    回复
登录 后发表内容