
<template>
    <div>
        <div class="bg"><h-loading vertical>加载中</h-loading></div>
        <div class="bg"><h-loading color="white" /></div>
        <div class="bg"><h-loading type="spinner" /></div>
        <div class="bg"><h-loading type="spinner" color="white" /></div>
    </div>
</template>

<script>
import hLoading from './index'
export default {
    name: "action-sheet-demo",
    components: {
        hLoading
    },
}
</script>
<style>
.bg {
    padding: 10px;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, 0.5);
    margin: 5px;
}
</style>