各位大佬好!我按照官方推荐的教程《uniapp商业级应用实战来》来书写代码,发现点赞的动画效果在app和小程序端可以生效,但在h5端无法生效。
但是我翻看uniapp文档,发现新版HbuildX在h5上是支持uni.createAnimation的,所以想问下目前是什么一个情况?
如果h5上不支持uni.createAnimation的话,那请问该如何解决
代码如下,粘进uniapp默认的index文件即可执行,h5端不生效
<template>
<div>
<div class="praiseMe" @click="praise">点赞</div>
<div class="addOne" :animation="animationData">
+1
</div>
</div>
</template>
<script>
export default {
data() {
return {
animationData:{}
}
},
onLoad(){
this.animation = uni.createAnimation()
},
methods:{
praise(){
// 开始动画
this.animation.translateX(60).step()
this.animationData = this.animation.export()
//结束动画
setTimeout(function() {
this.animation.translateX(0).step()
this.animationData = this.animation.export()
}.bind(this), 1000);
}
}
}
</script>
<style>
</style>