flat: 暂存，add tanlents + loading style

src/components/Custom-Loading/index.vue

@@ -0,0 +1,65 @@
+<template>
+  <div class="loading-container" v-show="visible">
+      <div class="content">
+        <img src="@/assets/loading.gif" class="image" >
+        <div class="text">
+          {{loadingText}}
+        </div>
+      </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "loading",
+  data: {
+  },
+  props: {
+    visible: {
+      default: false,
+      type: Boolean,
+      required: true,
+    },
+    loadingText: {
+      default: '',
+      type: String,
+      required: false,
+    },
+    fullScreen: {
+      default: false,
+      type: Boolean,
+      required: false,
+    },
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.loading-container{
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(255, 255, 255, 0.9);
+
+  .content{
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    .image{
+      width: 180px;
+      height: 180px;
+    }
+    .text{
+      text-align: center;
+      width: 100%;
+      color: #666666;
+    }
+  }
+}
+</style>