<template>
    <div class="ui-spinner">
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
    </div>
</template>
<style lang="less" scoped>
.ui-spinner {
    display: inline-block;
    width: 9px;
    height: 9px;
    border: 1px solid transparent;
    border-top-color: #09e1c0;
    border-left-color: #09e1c0;
    border-radius: 5px;
    vertical-align: middle;
    animation: ui-spinner 0.5s linear infinite;
}
@keyframes ui-spinner {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

</style>