微信小程序：如何制作一个带动画效果的按钮

App制作者希望有一些按钮，引导用户去操作，那么带动画会起到一定的引流作用吧！

本主编就在此分享一款。效果如下，如果是你需要的，请继续往下看代码。不是需要的朋友就不用看了。

 

WXML

<view class="bottomViewItem">

<button class="bottomMiddleHeaderView" open-type="share">

<view class="bottomMiddleHeaderItem" animation="{ {animationMiddleHeaderItem}}">

<!-- 心跳 -->

<view class="bottomMiddleHeaderItemSubView">

<image src="/image/wx.jpg" style="width:50rpx; height:50rpx;" animation="{ {animationMiddleHeaderItem}}"></image>

</view>

<!-- 分享文字 -->

<view class="bottomMiddleHeaderItemSubView">分享好友</view>

<