全局加载

介绍

LoadingPanel 是一个全局加载组件

引入

import Vue from 'vue';
import { LoadingPanel } from 'demo-ui';

Vue.use(LoadingPanel);

代码演示

基础用法

<van-button type="primary" text="显示全局加载" @click="show = true" />
<loading-panel :loading="show" />

export default {
    data() {
        return {
            show: false
        }
    }
}

自定义加载文字

<van-button type="primary" text="显示自定义加载文字" @click="show = true" />
<loading-panel :loading="show" :text="text" />

export default {
    data() {
        return {
            show: false,
            text: "正在加载，请稍候"
        }
    }
}

Props

| 参数 | 说明 | 类型 | 默认值 | 版本 | |------|------|-----------|-----|------| | loading | 是否加载 | boolean | - | - | | text | 加载文字 | string | 加载中 | - |