收藏
回答

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

问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 Bug onShareAppMessage 客户端 7.0.3 2.6.1

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

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

}

}


最后一次编辑于  03-02
回答关注问题邀请回答
收藏

2 个回答