[+] 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>