<template>
    <div class="v-loading-mask" v-show="visible">
        <div class="v-loading-spinner">
            <div class='v-loading-wrap'>
                <div class='loader'>
                    <div class='loader-inner ball-spin-fade-loader'>
                        <div></div>
                        <div></div>
                        <div></div>
                        <div></div>
                        <div></div>
                        <div></div>
                        <div></div>
                        <div></div>
                    </div>
                </div>
                <span>&emsp;&emsp;&ensp;请稍后，正在努力加载中</span></div>
        </div>
    </div>
</template>
<script>
    export default{
        name: "v-loading",
        data(){
            return {
                visible: false
            }
        },
        methods: {
            open(){
                this.visible=true;
            },
            close(){
                this.visible=false;
            },
        },
        components: {}
    }

</script>
