- 小程序动画,转发动画失效问题
你想反馈一个 Bug 还是 提一个需求? 如果是 Bug: * Bug 表现是什么?预期表现是什么? 体验版, A同学, 扫二维码,进入小程序,有动画 发现-小程序,进入小程序,有动画,退出再进入,有动画; 聊天页顶部,进入小程序,有动画,退出再进入,有动画; 转发到自己的“文件传输助手”,动画失效。 准发给B同学,B此前从未打开过该小程序,有动画;退出,再次点击分享的小程序卡片,无动画; B在聊天页顶部、发现-小程序中打开,动画均失效; —--- A同学 安卓7.1.1 B同学 IOS 10.3.3 * 如何复现? A同学, 扫二维码,进入小程序,有动画 发现-小程序,进入小程序,有动画,退出再进入,有动画; 聊天页顶部,进入小程序,有动画,退出再进入,有动画; 转发到自己的“文件传输助手”,动画失效。 准发给B同学,B此前从未打开过该小程序,有动画;退出,再次点击分享的小程序卡片,无动画; B在聊天页顶部、发现-小程序中打开,动画均失效; * 提供一个最简复现 Demo 微信小程序 搜索“极客时间助手” 就可以复现bug; 动画是在摇一摇时出现的; 如果是需求: * 你希望有什么能力? * 你需要这个能力的场景是 ?
2018-02-09 - 别人分享的小程序,页面动画失效
你想反馈一个 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 如果是需求: * 你希望有什么能力? * 你需要这个能力的场景是 ?
2018-02-09 - wx.navigateTo() 页面跳转的动画能否取消,如何自定义淡入淡出的动画
你想反馈一个 Bug 还是 提一个需求? 如果是 Bug: * Bug 表现是什么?预期表现是什么? * 如何复现? * 提供一个最简复现 Demo 如果是需求: * 你希望有什么能力? wx.navigateTo() 页面跳转的动画能否取消,如何自定义淡入淡出的动画 * 你需要这个能力的场景是 ? a页面跳转到b页面,b页面是用canvas画的,跳转b的过程中b的canvas还没画完,过渡动画看到b是空白页,用户体验很不好;等跳转到b之后才展示了经过canvas绘制的b; 所以,希望提供多种页面跳转到动画形式,比如a页面淡出,b页面淡入
2018-02-06