小程序点击分享按钮时页面动画停止住,取消分享动画继续执行
发布于 6 年前 作者 jing13 8740 次浏览 来自 问答

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

<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);

}

}

2 回复

不需要代码片段,你们随便找一个动画,点分享的时候动画都会停止,我看了好多别人的小程序也是这样的,另外wx.showLoading的时候,动画也会停止

回到顶部