k2Mountain
k2Mountain
  • 发布:2019-10-20 14:37
  • 更新:2021-06-29 20:43
  • 阅读:1408

H5端是否不支持uni.createAnimation?

分类:HBuilderX

各位大佬好!我按照官方推荐的教程《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>  
2019-10-20 14:37 负责人:无 分享
已邀请:
1***@139.com

1***@139.com

顶一下.此问题已经两年了, 还没解决.

1***@qq.com

1***@qq.com

<div class="addOne" :animation="animationData">    
+1   
</div>

把你的div改成view就可以了.

<view :animation="animationData">  
+1  
</view>

该问题目前已经被锁定, 无法添加新回复