【报Bug】使用 display: flex; v-show无效

详细问题描述

（使用 display: flex; v-show无效
[内容]

重现步骤

<template>  
    <view>  
        <view class="downwarp" v-if="onloadShow">  
            <view class="loader"></view>  
            <view class="text PingFangSC-Medium">  
                加载中...  
            </view>  
        </view>  
    </view>  
</template>  
<script>  
    export default {  
        data() {  
            return {  
                onloadShow: false  
            }  
        },  
        onLoad() {  

        },  
        methods: {  

        }  
    }  
</script>  

<style lang="scss" scoped>  
    .downwarp {  
        display: flex;  
        justify-content: center;  
        align-items: center;  
        padding-top: 30upx;  

        .text {  
            font-size: 26upx;  
            color: gray;  
            padding-left: 20upx;  
        }  

        .loader {  
            border-radius: 50%;  
            width: 50upx;  
            height: 50upx;  
        }  

        .loader {  
            font-size: 10px;  
            position: relative;  
            border-top: 5upx solid rgba(255, 255, 255, 0.2);  
            border-right: 5upx solid rgba(255, 255, 255, 0.2);  
            border-bottom: 5upx solid rgba(255, 255, 255, 0.2);  
            border-left: 5upx solid gray;  
            -webkit-transform: translateZ(0);  
            -ms-transform: translateZ(0);  
            transform: translateZ(0);  
            -webkit-animation: load8 1.1s infinite linear;  
            animation: load8 1.1s infinite linear;  
        }  
    }  

    @keyframes load8 {  
        0% {  
            -webkit-transform: rotate(0deg);  
            transform: rotate(0deg);  
        }  

        100% {  
            -webkit-transform: rotate(360deg);  
            transform: rotate(360deg);  
        }  
    }  
</style>

[结果]
隐藏不了
[期望]

联系方式

[QQ]916879598