<template>
    <div class="ht-base-loading-bar-demo">
        <ht-base-button @click="start">显示加载</ht-base-button>
        <ht-base-button @click="finish">完成加载</ht-base-button>
        <ht-base-button @click="error">加载错误</ht-base-button>
    </div>
</template>

<script>
    export default {
        name: 'HtBaseLoadingBarDemo',
        methods: {
            start() {
                this.$HtBaseLoading.start();
            },
            finish() {
                this.$HtBaseLoading.finish();
            },
            error() {
                this.$HtBaseLoading.error();
            }
        }
    }
</script>
<style>
    .ht-base-loading-bar-demo {

    }
</style>

