<template>
    <div class="draw-box">
        <img :src="GIF" alt="">
    </div>
    <!-- <div class="loading" :style="{backgroundImage: 'url(' + GIF + ')', backgroundSize:'contain'}"></div> -->
</template>

<script>
import GIF  from '@/assets/draw1.gif';
export default {
    data(){
        return{
            GIF:''
        }
    },
    mounted(){
       this.GIF = GIF  +'?+' + Math.random();
    }
}
</script>

<style lang="scss">
    // .loading {
    //     position: fixed;
    //     left: 0;
    //     top: 0;
    //     background: url('~@/assets/draw1.gif') center center no-repeat rgba(0,0,0,0.3);
    //     width: 100vw;
    //     height: 100vh;
    //     z-index: 1000;
    // }
    .draw-box{
        position: fixed;
        z-index: 99;
        width: 100vw;
        height: 100vh;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        top: 0;
        background: rgba(0,0,0,0.3);
        img{
            position: relative;
            top: 320px;
            width: 540px;
            height: 540px;
        }
    }
</style>