[+] Create a loading spinner component

2020-04-27 05:04:10 -04:00
parent 9b201d8475
commit b664674a06
1 changed files with 19 additions and 0 deletions
@@ -0,0 +1,19 @@
 <template>
    <div class="el-loading-spinner">
        <svg viewBox="25 25 50 50" class="circular" :style="{width: size + 'px', height: size + 'px'}">
            <circle cx="50" cy="50" r="20" fill="none" class="path"/>
        </svg>
    </div>
 </template>
 <script lang="ts">
    import {Component, Prop, Vue} from 'vue-property-decorator'
    @Component
    export default class LoadingSpinner extends Vue
    {
        @Prop({default: 42}) size: number
    }
 </script>
 <style lang="scss" scoped></style>