你想反馈一个 Bug 还是 提一个需求?
如果是 Bug:
* Bug 表现是什么?预期表现是什么?
(1) A同学分享给B同学一个小程序,(B此前未用过该小程序)B在聊天页打开小程序卡片,动画不显示;
(2) A同学分享给B同学一个小程序,(B此前 用过该小程序)B在发现–小程序中打开该小程序,动画显示;
注:我用了两种方式写动画;均有上述问题;一中是小程序提供的动画,另一种是css动画
// 1.小程序-动画
var animation = wx.createAnimation({
transformOrigin: “50% 50%”,
duration: 200,
timingFunction: “ease-out”,
delay: 0
})
animation.rotate(30).step()
animation.rotate(-30).step()
animation.rotate(30).step()
animation.rotate(-30).step()
animation.rotate(0).step() // 执行的是差值!!
_this.setData({
animationData: animation.export()
})
//2. css 。生成动画
_this.setData({
showFlag: true
})
—
<view style="{{showFlag?‘animation: abb 1s; animation-delay: 0.9s;’:‘opacity: 1’}}">123451234567890</view>
–
@keyframes abb{
25%{
transform:rotate(30deg);
}
50%{
transform:rotate(-30deg);
}
75%{
transform:rotate(30deg);
}
100%{
transform:rotate(0deg);
}
}
* 如何复现?
请微信搜索小程序“极客时间助手”,右上角分享给B同学(B此前未使用该小程序),B摇一摇,显示动画,并且页面也跳转;
再次分享给B,或者B推出后,再次打开分享小程序卡片,摇一摇动画消失
* 提供一个最简复现 Demo
如果是需求:
* 你希望有什么能力?
* 你需要这个能力的场景是 ?