|
|
|
@ -41,34 +41,33 @@ |
|
|
|
background-size: 100% auto; |
|
|
|
} |
|
|
|
.page-loading-warp { |
|
|
|
padding: 98px; |
|
|
|
display: flex; |
|
|
|
justify-content: center; |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
padding: 98px; |
|
|
|
} |
|
|
|
.ant-spin { |
|
|
|
position: absolute; |
|
|
|
display: none; |
|
|
|
-webkit-box-sizing: border-box; |
|
|
|
box-sizing: border-box; |
|
|
|
margin: 0; |
|
|
|
padding: 0; |
|
|
|
color: rgba(0, 0, 0, 0.65); |
|
|
|
color: #1890ff; |
|
|
|
font-size: 14px; |
|
|
|
font-variant: tabular-nums; |
|
|
|
line-height: 1.5; |
|
|
|
list-style: none; |
|
|
|
-webkit-font-feature-settings: 'tnum'; |
|
|
|
font-feature-settings: 'tnum'; |
|
|
|
position: absolute; |
|
|
|
display: none; |
|
|
|
color: #1890ff; |
|
|
|
text-align: center; |
|
|
|
vertical-align: middle; |
|
|
|
list-style: none; |
|
|
|
opacity: 0; |
|
|
|
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); |
|
|
|
transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); |
|
|
|
transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); |
|
|
|
transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), |
|
|
|
-webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); |
|
|
|
-webkit-font-feature-settings: 'tnum'; |
|
|
|
font-feature-settings: 'tnum'; |
|
|
|
} |
|
|
|
|
|
|
|
.ant-spin-spinning { |
|
|
|
@ -80,9 +79,9 @@ |
|
|
|
.ant-spin-dot { |
|
|
|
position: relative; |
|
|
|
display: inline-block; |
|
|
|
font-size: 20px; |
|
|
|
width: 20px; |
|
|
|
height: 20px; |
|
|
|
font-size: 20px; |
|
|
|
} |
|
|
|
|
|
|
|
.ant-spin-dot-item { |
|
|
|
@ -99,7 +98,7 @@ |
|
|
|
-ms-transform-origin: 50% 50%; |
|
|
|
transform-origin: 50% 50%; |
|
|
|
opacity: 0.3; |
|
|
|
-webkit-animation: antSpinMove 1s infinite linear alternate; |
|
|
|
-webkit-animation: antspinmove 1s infinite linear alternate; |
|
|
|
animation: antSpinMove 1s infinite linear alternate; |
|
|
|
} |
|
|
|
|
|
|
|
@ -133,14 +132,14 @@ |
|
|
|
-webkit-transform: rotate(45deg); |
|
|
|
-ms-transform: rotate(45deg); |
|
|
|
transform: rotate(45deg); |
|
|
|
-webkit-animation: antRotate 1.2s infinite linear; |
|
|
|
-webkit-animation: antrotate 1.2s infinite linear; |
|
|
|
animation: antRotate 1.2s infinite linear; |
|
|
|
} |
|
|
|
|
|
|
|
.ant-spin-lg .ant-spin-dot { |
|
|
|
font-size: 32px; |
|
|
|
width: 32px; |
|
|
|
height: 32px; |
|
|
|
font-size: 32px; |
|
|
|
} |
|
|
|
|
|
|
|
.ant-spin-lg .ant-spin-dot i { |
|
|
|
@ -184,11 +183,11 @@ |
|
|
|
<div |
|
|
|
style=" |
|
|
|
display: flex; |
|
|
|
justify-content: center; |
|
|
|
align-items: center; |
|
|
|
flex-direction: column; |
|
|
|
min-height: 420px; |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
height: 100%; |
|
|
|
min-height: 420px; |
|
|
|
" |
|
|
|
> |
|
|
|
<img src="<%= context.config.publicPath +'pro_icon.svg'%>" alt="logo" width="256" /> |
|
|
|
@ -200,7 +199,7 @@ |
|
|
|
></span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div style="display: flex; justify-content: center; align-items: center"> |
|
|
|
<div style="display: flex; align-items: center; justify-content: center"> |
|
|
|
<img |
|
|
|
src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg" |
|
|
|
width="32" |
|
|
|
|