uniapp里使用 css3动画没有效果请教下是不是哪里写错了

分类：uni-app

启动动画 uniapp

用定时器在2s后通过改变值来增加动画的类名已经成功增加了类名但是没有动画求指点呀
<template>
<view>
<view class="aaa" :class="a==true?'hide':''">
</view>
</view>
</template>
<script>
export default {
data() {
return {
a: false,
}
},
onLoad: function() {
var self = this;
setTimeout(function(){
self.a = true;
},2000)
},
methods: {
},
}
</script>
<style lang="less">
.aaa {
width: 100upx;
height: 100upx;
background-color: rgba(12, 42, 52, 1);
opacity: 1;

    .hide {  
        animation: hide 1s infinite ease-in-out;  
    }  
}  

@keyframes hide {  
    0% {  
        opacity: 1;  
    }  
    100% {  
        opacity: 0;  
    }  
}

</style>

2019-02-22 12:03 负责人:无分享