1+ <!DOCTYPE html> < html lang ="en "> < head > < link rel ="stylesheet " href ="/static/umi.css "> < meta charset ="UTF-8 "> < meta http-equiv ="X-UA-Compatible " content ="IE=edge "> < meta name ="viewport " content ="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0 "> < title > Flink SQL管理系统</ title > < link rel ="icon " href ="/favicon.png " type ="image/x-icon "> < script > window . routerBase = "/" ; </ script > </ head > < body > < noscript > Sorry, we need js to run correctly!</ noscript > < div id ="root "> < style > .page-loading-warp {
2+ padding : 120px ;
3+ display : flex;
4+ justify-content : center;
5+ align-items : center;
6+ }
7+ .ant-spin {
8+ -webkit-box-sizing : border-box;
9+ box-sizing : border-box;
10+ margin : 0 ;
11+ padding : 0 ;
12+ color : rgba (0 , 0 , 0 , 0.65 );
13+ font-size : 14px ;
14+ font-variant : tabular-nums;
15+ line-height : 1.5 ;
16+ list-style : none;
17+ -webkit-font-feature-settings : 'tnum' ;
18+ font-feature-settings : 'tnum' ;
19+ position : absolute;
20+ display : none;
21+ color : # 1890ff ;
22+ text-align : center;
23+ vertical-align : middle;
24+ opacity : 0 ;
25+ -webkit-transition : -webkit-transform 0.3s cubic-bezier (0.78 , 0.14 , 0.15 , 0.86 );
26+ transition : -webkit-transform 0.3s cubic-bezier (0.78 , 0.14 , 0.15 , 0.86 );
27+ transition : transform 0.3s cubic-bezier (0.78 , 0.14 , 0.15 , 0.86 );
28+ transition : transform 0.3s cubic-bezier (0.78 , 0.14 , 0.15 , 0.86 ),
29+ -webkit-transform 0.3s cubic-bezier (0.78 , 0.14 , 0.15 , 0.86 );
30+ }
31+
32+ .ant-spin-spinning {
33+ position : static;
34+ display : inline-block;
35+ opacity : 1 ;
36+ }
37+
38+ .ant-spin-dot {
39+ position : relative;
40+ display : inline-block;
41+ font-size : 20px ;
42+ width : 20px ;
43+ height : 20px ;
44+ }
45+
46+ .ant-spin-dot-item {
47+ position : absolute;
48+ display : block;
49+ width : 9px ;
50+ height : 9px ;
51+ background-color : # 1890ff ;
52+ border-radius : 100% ;
53+ -webkit-transform : scale (0.75 );
54+ -ms-transform : scale (0.75 );
55+ transform : scale (0.75 );
56+ -webkit-transform-origin : 50% 50% ;
57+ -ms-transform-origin : 50% 50% ;
58+ transform-origin : 50% 50% ;
59+ opacity : 0.3 ;
60+ -webkit-animation : antSpinMove 1s infinite linear alternate;
61+ animation : antSpinMove 1s infinite linear alternate;
62+ }
63+
64+ .ant-spin-dot-item : nth-child (1 ) {
65+ top : 0 ;
66+ left : 0 ;
67+ }
68+
69+ .ant-spin-dot-item : nth-child (2 ) {
70+ top : 0 ;
71+ right : 0 ;
72+ -webkit-animation-delay : 0.4s ;
73+ animation-delay : 0.4s ;
74+ }
75+
76+ .ant-spin-dot-item : nth-child (3 ) {
77+ right : 0 ;
78+ bottom : 0 ;
79+ -webkit-animation-delay : 0.8s ;
80+ animation-delay : 0.8s ;
81+ }
82+
83+ .ant-spin-dot-item : nth-child (4 ) {
84+ bottom : 0 ;
85+ left : 0 ;
86+ -webkit-animation-delay : 1.2s ;
87+ animation-delay : 1.2s ;
88+ }
89+
90+ .ant-spin-dot-spin {
91+ -webkit-transform : rotate (45deg );
92+ -ms-transform : rotate (45deg );
93+ transform : rotate (45deg );
94+ -webkit-animation : antRotate 1.2s infinite linear;
95+ animation : antRotate 1.2s infinite linear;
96+ }
97+
98+ .ant-spin-lg .ant-spin-dot {
99+ font-size : 32px ;
100+ width : 32px ;
101+ height : 32px ;
102+ }
103+
104+ .ant-spin-lg .ant-spin-dot i {
105+ width : 14px ;
106+ height : 14px ;
107+ }
108+
109+ @media all and (-ms-high-contrast : none), (-ms-high-contrast : active) {
110+ .ant-spin-blur {
111+ background : # fff ;
112+ opacity : 0.5 ;
113+ }
114+ }
115+
116+ @-webkit-keyframes antSpinMove {
117+ to {
118+ opacity : 1 ;
119+ }
120+ }
121+
122+ @keyframes antSpinMove {
123+ to {
124+ opacity : 1 ;
125+ }
126+ }
127+
128+ @-webkit-keyframes antRotate {
129+ to {
130+ -webkit-transform : rotate (405deg );
131+ transform : rotate (405deg );
132+ }
133+ }
134+
135+ @keyframes antRotate {
136+ to {
137+ -webkit-transform : rotate (405deg );
138+ transform : rotate (405deg );
139+ }
140+ }</ style > < div class ="page-loading-warp "> < div class ="ant-spin ant-spin-lg ant-spin-spinning "> < span class ="ant-spin-dot ant-spin-dot-spin "> < i class ="ant-spin-dot-item "> </ i > < i class ="ant-spin-dot-item "> </ i > < i class ="ant-spin-dot-item "> </ i > < i class ="ant-spin-dot-item "> </ i > </ span > </ div > </ div > </ div > < script src ="/static/umi.js "> </ script > </ body > </ html >
0 commit comments