github_mirrors/vben-admin-thin-next
1
0
Fork 0
mirror of https://github.com/vbenjs/vben-admin-thin-next.git synced 2025-01-24 02:00:22 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: fix spin style

Browse Source
This commit is contained in:
vben 2020-11-19 22:20:59 +08:00
parent ea24dfa384
commit fca0bb164a
2 changed files with 16 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/setup/ant-design-vue/spin.less Normal file
View File

@ -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;
}
}

9
src/setup/ant-design-vue/spin.tsx
View File

@ -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>
);