别人分享的小程序,页面动画失效
发布于 7 年前 作者 xiuyingshi 11325 次浏览 来自 问答

你想反馈一个 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

如果是需求:

* 你希望有什么能力?

* 你需要这个能力的场景是 ?

回到顶部