fix: fix spin style
This commit is contained in:
parent
ea24dfa384
commit
fca0bb164a
|
|
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -1,16 +1,11 @@
|
||||||
import { Spin } from 'ant-design-vue';
|
import { Spin } from 'ant-design-vue';
|
||||||
import svgImg from '/@/assets/images/loading.svg';
|
import svgImg from '/@/assets/images/loading.svg';
|
||||||
|
|
||||||
|
import './spin.less';
|
||||||
Spin.setDefaultIndicator({
|
Spin.setDefaultIndicator({
|
||||||
indicator: () => {
|
indicator: () => {
|
||||||
return (
|
return (
|
||||||
<div
|
<div class="app-svg-loading">
|
||||||
class="app-svg-loading"
|
|
||||||
style={{
|
|
||||||
position: 'relative',
|
|
||||||
width: 'auto',
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<img src={svgImg} alt="" height="32" width="32" class="g-loading" />
|
<img src={svgImg} alt="" height="32" width="32" class="g-loading" />
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue