<template>
    <div class="mix-panel-loading" v-if="show">
        <van-loading :type="loadingType"></van-loading>
        <div class="mix-panel-loading-label">{{msg}}</div>
    </div>
</template>

<script>
    export default {
        name: "BgoPanelLoading",
        props: {
            msg: {
                type: String,
                default: '正在加载...'
            },
            loadingType: {
                type: String,
                default: 'spinner'
            },
            show: {
                type: Boolean,
                default: true
            },
            vertical: {
                type: Boolean,
                default: false
            }
        }
    }
</script>

<style lang="scss">
    @import "../../style/var";
    .mix-panel-loading {
        padding-top: 15px;
        text-align: center;
        padding-bottom: 15px;
        .van-loading {
            margin: 0 auto;
            text-align: center;
        }
        .mix-panel-loading-label {
            padding-top: 5px;
            font-size: 0.8rem;
            color: $loading-color;
        }
    }
</style>

