Ver código fonte

fix: fix spin style

vben 4 anos atrás
pai
commit
fca0bb164a

+ 14 - 0
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;
+  }
+}

+ 2 - 7
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>
     );