From fca0bb164a0f2e03acb5090bf59634225f5c06ee Mon Sep 17 00:00:00 2001
From: vben <anncwb@126.com>
Date: 星期四, 19 十一月 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(-)
diff --git a/src/setup/ant-design-vue/spin.less b/src/setup/ant-design-vue/spin.less
new file mode 100644
index 0000000..7f10358
--- /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 db27d6a..1ecc09d 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>
);
--
Gitblit v1.8.0