diff --git a/src/components/loading/img/loading.png b/src/components/loading/img/loading.png
new file mode 100644
index 0000000..cc87e1f
Binary files /dev/null and b/src/components/loading/img/loading.png differ
diff --git a/src/components/loading/index.vue b/src/components/loading/index.vue
new file mode 100644
index 0000000..6a8aa26
--- /dev/null
+++ b/src/components/loading/index.vue
@@ -0,0 +1,39 @@
+<template>
+  <div class="loading">
+    <img class="loading-img" src="./img/loading.png">
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Loading'
+}
+</script>
+
+<style lang="less">
+.loading {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  width: 100%;
+  height: 100%;
+
+  .loading-img {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 30px;
+    height: 30px;
+    margin-left: -15px;
+    margin-top: -15px;
+    transform: rotate(0deg);
+    animation: round 1s linear infinite;
+  }
+
+  @keyframes round {
+    to {
+      transform: rotate(360deg)
+    }
+  }
+}
+</style>