uni-app的app端不支持css的过渡动画吗？

写的页面在浏览器中是正常运行的但是到了App端就失效了。请问有什么好的解决方法吗？

<template>  
    <view class="content" @tap="clickToShow()">  
        <transition name="fade">  
            <view class="h" v-if="show">(●ˇ∀ˇ●)</view>  
        </transition>  
    </view>   
</template>  

<script>  
    export default {  
        //注册引用的组件  
        components:{  

        },            
        computed:{  

        },            
        data() {  
            return {  
                show: false  
            }  
        },  

        onLoad() {  

        },  
        onShow() {  

        },  
        onUnload() {  

        },        
        methods: {  
            clickToShow(){  
                if(this.show){  
                    this.show = false  
                }else{  
                    this.show = true  
                }  
            }  
        }         
    }  
</script>  

<style>  
    .content{  
        width: 100%;  
        height: 100%;  
        position: fixed;  
    }  

    /* div的初始状态*/  
    .h {  
        background-color: aqua;  
    }  

    /**  
    * 定义进入动画和退出动画的过程  
    * 代表关注的是height的变化，动画的时间是5  
    */  
    .fade-enter-active, .fade-leave-active {  
        /* transition: height 5s; */  
        transition: opacity 5s;  
    }  

    /* 定义进入动画的初始状态*/  
    .fade-enter {  
        /* height: 0; */  
        opacity: 0  
    }  

    /* 定义进入动画的结束状态*/  
    .fade-enter-to {  
        /* height: 200px; */  
        opacity: 1  
    }  

    /* 定义离开动画的初始状态*/  
    .fade-leave {  
        /* height: 200px; */  
        opacity: 1  
    }  

    /* 定义离开动画的结束状态*/  
    .fade-leave-to {  
        /* height: 0; */  
        opacity: 0  
    }  
</style>