小程序点击分享按钮时页面动画停止住,取消分享动画继续执行 [你这是怎么了?]

小程序点击分享按钮时页面动画停止住,取消分享动画继续执行

<button open-type='share' class="share_text animationSlow">分享</button>


.animationSlow {

width: 100rpx;

height: 100rpx;

background-color: orange;

animation-name: myfirst; /*动画的名称 */

animation-duration: 4000ms; /*动画从开始到结束的时间*/

animation-timing-function: linear; /*动画执行快慢的参数*/

animation-iteration-count: infinite; /*动画执行多少次的参数*//*以下是兼容ios所需,参数意义与上相同*/

-webkit-animation-name: myfirst;

-webkit-animation-duration: 4000ms;

-webkit-animation-timing-function: linear;

-webkit-animation-iteration-count: infinite;

}

@keyframes myfirst {

/*开始转的角度*/

from {

transform: rotate(0deg);

}/*结束的角度*/

to {

transform: rotate(360deg);

}

}

/*兼容ios*/

@-webkit-keyframes myfirst {

from {

transform: rotate(0deg);

}

to {

transform: rotate(360deg);

}

}