微信小程序下拉按钮动画

时间:2017-10-10 20:41:45   收藏:0   阅读:289

有些时候要求下拉按钮需要动画效果,但又不需要引入插件.

这时需要手动写一个动画.

主要思路:

  动态切换class

  默认与动画转向的样式编写

技术分享

上图是默认给出的按钮向下的样式,

技术分享

上图是动画转向后的样式

技术分享

上图声明动画执行动作

在page实例data对象中声明一个变量,默认给true

技术分享

然后给图片加个点击事件

技术分享

这样一来就达到动态切换class的动画效果啦

评论(0)
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!