uni-app创建的动画无法显示动态效果

分类：uni-app

uni_app

我根据官方文档创建了一个简单的动画效果，但是运行到微信小程序工具发现无动画效果，下面是代码：
<view style="width:100%;height: 100upx;" @click="show">
<view class="anima" :animation="animationData" >ok</view>
</view>

    onUnload() {  
        this.animationData={};  
    },  
    onLoad() {  
        this.animation = uni.createAnimation();  

    },  
    methods:{  
        show: function(){  

            this.animation.translateY(60).opacity(0).step()  
            this.animationData = this.animation.export()  

            console.log("show");  
        }  
    },

2019-03-12 09:29 负责人:无分享

2 个回复

1***@qq.com

同，我的背景图在浏览器可移动，移动端就动不了

.backpic{  
        position: relative;  
        height: 200px;  
        background:url(https://graph.baidu.com/resource/1029c102dd1878cbf84f901552992487.jpg) no-repeat;  
        background-size: 100% auto;  
        background-position:center -180px;  
        animation:headerbackground 5s linear 1s infinite alternate none running;  
        animation-direction:alternate;  
    }  
    @keyframes headerbackground  
    {  
        0%   {background-position:center -180px;}  
        100% {background-position:center -70px;}  
    }

1***@qq.com

想请教：为什么我的动画第一次的时候没有动画效果。再一次就有了，是什么原因呢？

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

uni-app创建的动画无法显示动态效果

2 个回复

公告

相关问题

uni-app创建的动画无法显示动态效果

与内容相关的链接

2 个回复

公告

相关问题