自定义component添加animation问题
发布于 4 年前 作者 liwang 16392 次浏览 来自 问答

要实现: 1. 页面上通过修改data显示自定义组件,2. 自定义组件内添加事件隐藏组件实例;

显示组件的动画不知道添加在哪里;

自定义组件内添加事件隐藏组件实例,脚本如下,效果不对

   __hideModal: function () {

     var mask_animation = wx.createAnimation(),

         modal_animation = wx.createAnimation();


     mask_animation.opacity(1).step();


     modal_animation.opacity(1).scale(1).step();


     this.setData({

       __maskAni: mask_animation.export(),

       __modalAni: modal_animation.export()

     });


     setTimeout(function(){

       mask_animation.opacity(0).step();

       modal_animation.opacity(0).scale(.5).step();


       this.setData({

         __maskAni: mask_animation.export(),

         __modalAni: modal_animation.export(),

         showModal: false

       })

     }.bind(this), 1000)

     

   },


   __cancel: function() {

     this.__hideModal();

     this.triggerEvent('cancel');

   },

<view animation="{{__maskAni}}" class="modal_mask" bindtap="__cancel" wx:if="{{showMask && showModal}}">view>
1 回复
回到顶部