From fca0bb164a0f2e03acb5090bf59634225f5c06ee Mon Sep 17 00:00:00 2001
From: vben <anncwb@126.com>
Date: Thu, 19 Nov 2020 22:20:59 +0800
Subject: [PATCH] fix: fix spin style

---
 src/setup/ant-design-vue/spin.less | 14 ++++++++++++++
 src/setup/ant-design-vue/spin.tsx  |  9 ++-------
 2 files changed, 16 insertions(+), 7 deletions(-)
 create mode 100644 src/setup/ant-design-vue/spin.less

diff --git a/src/setup/ant-design-vue/spin.less b/src/setup/ant-design-vue/spin.less
new file mode 100644
index 00000000..7f103581
--- /dev/null
+++ b/src/setup/ant-design-vue/spin.less
@@ -0,0 +1,14 @@
+@import (reference) '../../design/index.less';
+
+.app-svg-loading {
+  position: relative;
+  width: auto;
+
+  &__tip {
+    display: block;
+    margin-top: 4px;
+    font-size: 13px;
+    color: #303133;
+    text-align: center;
+  }
+}
diff --git a/src/setup/ant-design-vue/spin.tsx b/src/setup/ant-design-vue/spin.tsx
index db27d6ac..1ecc09d4 100644
--- a/src/setup/ant-design-vue/spin.tsx
+++ b/src/setup/ant-design-vue/spin.tsx
@@ -1,16 +1,11 @@
 import { Spin } from 'ant-design-vue';
 import svgImg from '/@/assets/images/loading.svg';
 
+import './spin.less';
 Spin.setDefaultIndicator({
   indicator: () => {
     return (
-      <div
-        class="app-svg-loading"
-        style={{
-          position: 'relative',
-          width: 'auto',
-        }}
-      >
+      <div class="app-svg-loading">
         <img src={svgImg} alt="" height="32" width="32" class="g-loading" />
       </div>
     );