first

packages/spinner/index.js

@@ -0,0 +1,8 @@
+import Spinner from './src/spinner';
+
+/* istanbul ignore next */
+Spinner.install = function(Vue) {
+  Vue.component(Spinner.name, Spinner);
+};
+
+export default Spinner;

packages/spinner/src/spinner.vue

@@ -0,0 +1,27 @@
+<template>
+  <span class="el-spinner">
+    <svg class="el-spinner-inner" viewBox="0 0 50 50" :style="{ width: radius/2 + 'px', height: radius/2 + 'px' }">
+      <circle class="path" cx="25" cy="25" r="20" fill="none" :stroke="strokeColor" :stroke-width="strokeWidth"></circle>
+    </svg>
+  </span>
+</template>
+<script>
+  export default {
+    name: 'ElSpinner',
+    props: {
+      type: String,
+      radius: {
+        type: Number,
+        default: 100
+      },
+      strokeWidth: {
+        type: Number,
+        default: 5
+      },
+      strokeColor: {
+        type: String,
+        default: '#efefef'
+      }
+    }
+  };
+</script>