收藏
回答

别人分享的小程序,页面动画失效

框架类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
小程序 wx.createAnimation 客户端 6.6.2 1.9.8

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


如果是需求:


* 你希望有什么能力?


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


回答关注问题邀请回答
收藏
登录 后发表内容