nili
3 years ago
23 changed files with 928 additions and 1 deletions
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1 @@ |
|||
preview.pro.ant.design |
|||
@ -0,0 +1,21 @@ |
|||
{ |
|||
"/umi.css": "/umi.3237de05.css", |
|||
"/umi.js": "/umi.f116c253.js", |
|||
"/t__plugin-layout__Layout.css": "/t__plugin-layout__Layout.44b8ae54.chunk.css", |
|||
"/t__plugin-layout__Layout.js": "/t__plugin-layout__Layout.85d3f9bc.async.js", |
|||
"/p__PoemPage.js": "/p__PoemPage.2d004d86.async.js", |
|||
"/p__404.css": "/p__404.572eeed8.chunk.css", |
|||
"/p__404.js": "/p__404.341bc6c9.async.js", |
|||
"/799.f321cbac.async.js": "/799.f321cbac.async.js", |
|||
"/105.2ed7a7f1.chunk.css": "/105.2ed7a7f1.chunk.css", |
|||
"/105.a25c9d08.async.js": "/105.a25c9d08.async.js", |
|||
"/542.2966846b.chunk.css": "/542.2966846b.chunk.css", |
|||
"/542.3b336652.async.js": "/542.3b336652.async.js", |
|||
"/icons/icon-512x512.png": "/icons/icon-512x512.png", |
|||
"/favicon.ico": "/favicon.ico", |
|||
"/logo.svg": "/logo.svg", |
|||
"/icons/icon-192x192.png": "/icons/icon-192x192.png", |
|||
"/icons/icon-128x128.png": "/icons/icon-128x128.png", |
|||
"/pro_icon.svg": "/pro_icon.svg", |
|||
"/CNAME": "/CNAME" |
|||
} |
|||
|
After Width: | Height: | Size: 4.2 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 5.0 KiB |
@ -0,0 +1,254 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8" /> |
|||
<meta name="theme-color" content="#1890ff" /> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
|||
<meta |
|||
name="keywords" |
|||
content="antd,umi,umijs,ant design,Scaffolding, layout, Ant Design, project, Pro, admin, console, homepage, out-of-the-box, middle and back office, solution, component library" |
|||
/> |
|||
<meta |
|||
name="description" |
|||
content=" |
|||
An out-of-box UI solution for enterprise applications as a React boilerplate." |
|||
/> |
|||
<meta |
|||
name="description" |
|||
content=" |
|||
Out-of-the-box mid-stage front-end/design solution." |
|||
/> |
|||
<meta |
|||
name="viewport" |
|||
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" |
|||
/> |
|||
<title>Ant Design Pro</title> |
|||
<link rel="icon" href="/favicon.ico" type="image/x-icon" /> |
|||
<link rel="stylesheet" href="/umi.3237de05.css" /> |
|||
<script> |
|||
window.routerBase = "/"; |
|||
</script> |
|||
<script> |
|||
//! umi version: 3.5.21 |
|||
</script> |
|||
</head> |
|||
<body> |
|||
<noscript> |
|||
<div class="noscript-container"> |
|||
Hi there! Please |
|||
<div class="noscript-enableJS"> |
|||
<a |
|||
href="https://www.enablejavascript.io/en" |
|||
target="_blank" |
|||
rel="noopener noreferrer" |
|||
> |
|||
<b>enable Javascript</b> |
|||
</a> |
|||
</div> |
|||
in your browser to use Ant Design, Out-of-the-box mid-stage front/design |
|||
solution! |
|||
</div> |
|||
</noscript> |
|||
<div id="root"> |
|||
<style> |
|||
html, |
|||
body, |
|||
#root { |
|||
height: 100%; |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
#root { |
|||
background-repeat: no-repeat; |
|||
background-size: 100% auto; |
|||
} |
|||
.noscript-container { |
|||
display: flex; |
|||
align-content: center; |
|||
justify-content: center; |
|||
margin-top: 90px; |
|||
font-size: 20px; |
|||
font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", |
|||
"Lucida Sans Unicode", Geneva, Verdana, sans-serif; |
|||
} |
|||
.noscript-enableJS { |
|||
padding-right: 3px; |
|||
padding-left: 3px; |
|||
} |
|||
.page-loading-warp { |
|||
display: flex; |
|||
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; |
|||
text-align: center; |
|||
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 { |
|||
position: static; |
|||
display: inline-block; |
|||
opacity: 1; |
|||
} |
|||
|
|||
.ant-spin-dot { |
|||
position: relative; |
|||
display: inline-block; |
|||
width: 20px; |
|||
height: 20px; |
|||
font-size: 20px; |
|||
} |
|||
|
|||
.ant-spin-dot-item { |
|||
position: absolute; |
|||
display: block; |
|||
width: 9px; |
|||
height: 9px; |
|||
background-color: #1890ff; |
|||
border-radius: 100%; |
|||
-webkit-transform: scale(0.75); |
|||
-ms-transform: scale(0.75); |
|||
transform: scale(0.75); |
|||
-webkit-transform-origin: 50% 50%; |
|||
-ms-transform-origin: 50% 50%; |
|||
transform-origin: 50% 50%; |
|||
opacity: 0.3; |
|||
-webkit-animation: antspinmove 1s infinite linear alternate; |
|||
animation: antSpinMove 1s infinite linear alternate; |
|||
} |
|||
|
|||
.ant-spin-dot-item:nth-child(1) { |
|||
top: 0; |
|||
left: 0; |
|||
} |
|||
|
|||
.ant-spin-dot-item:nth-child(2) { |
|||
top: 0; |
|||
right: 0; |
|||
-webkit-animation-delay: 0.4s; |
|||
animation-delay: 0.4s; |
|||
} |
|||
|
|||
.ant-spin-dot-item:nth-child(3) { |
|||
right: 0; |
|||
bottom: 0; |
|||
-webkit-animation-delay: 0.8s; |
|||
animation-delay: 0.8s; |
|||
} |
|||
|
|||
.ant-spin-dot-item:nth-child(4) { |
|||
bottom: 0; |
|||
left: 0; |
|||
-webkit-animation-delay: 1.2s; |
|||
animation-delay: 1.2s; |
|||
} |
|||
|
|||
.ant-spin-dot-spin { |
|||
-webkit-transform: rotate(45deg); |
|||
-ms-transform: rotate(45deg); |
|||
transform: rotate(45deg); |
|||
-webkit-animation: antrotate 1.2s infinite linear; |
|||
animation: antRotate 1.2s infinite linear; |
|||
} |
|||
|
|||
.ant-spin-lg .ant-spin-dot { |
|||
width: 32px; |
|||
height: 32px; |
|||
font-size: 32px; |
|||
} |
|||
|
|||
.ant-spin-lg .ant-spin-dot i { |
|||
width: 14px; |
|||
height: 14px; |
|||
} |
|||
|
|||
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { |
|||
.ant-spin-blur { |
|||
background: #fff; |
|||
opacity: 0.5; |
|||
} |
|||
} |
|||
|
|||
@-webkit-keyframes antSpinMove { |
|||
to { |
|||
opacity: 1; |
|||
} |
|||
} |
|||
|
|||
@keyframes antSpinMove { |
|||
to { |
|||
opacity: 1; |
|||
} |
|||
} |
|||
|
|||
@-webkit-keyframes antRotate { |
|||
to { |
|||
-webkit-transform: rotate(405deg); |
|||
transform: rotate(405deg); |
|||
} |
|||
} |
|||
|
|||
@keyframes antRotate { |
|||
to { |
|||
-webkit-transform: rotate(405deg); |
|||
transform: rotate(405deg); |
|||
} |
|||
} |
|||
</style> |
|||
<div |
|||
style=" |
|||
display: flex; |
|||
flex-direction: column; |
|||
align-items: center; |
|||
justify-content: center; |
|||
height: 100%; |
|||
min-height: 420px; |
|||
" |
|||
> |
|||
<img src="/pro_icon.svg" alt="logo" width="256" /> |
|||
<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 |
|||
style="display: flex; align-items: center; justify-content: center" |
|||
> |
|||
<img |
|||
src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg" |
|||
width="32" |
|||
style="margin-right: 8px" |
|||
/> |
|||
Ant Design |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<script src="/umi.f116c253.js"></script> |
|||
</body> |
|||
</html> |
|||
|
After Width: | Height: | Size: 3.8 KiB |
@ -0,0 +1 @@ |
|||
(self.webpackChunkant_design_pro=self.webpackChunkant_design_pro||[]).push([[571],{91562:function(u,_,t){"use strict";t.r(_);var P=t(57106),s=t(99683),d=t(57663),E=t(71577),e=t(67294),a=t(4614),n=t(85893),o=function(){return(0,n.jsx)(s.ZP,{status:"404",title:"404",subTitle:"Sorry, the page you visited does not exist.",extra:(0,n.jsx)(E.Z,{type:"primary",onClick:function(){return a.m8.push("/")},children:"Back Home"})})};_.default=o}}]); |
|||
@ -0,0 +1 @@ |
|||
html{--ant-primary-color:#1890ff;--ant-primary-color-hover:#40a9ff;--ant-primary-color-active:#096dd9;--ant-primary-color-outline:rgba(24,144,255,0.2);--ant-primary-1:#e6f7ff;--ant-primary-2:#bae7ff;--ant-primary-3:#91d5ff;--ant-primary-4:#69c0ff;--ant-primary-5:#40a9ff;--ant-primary-6:#1890ff;--ant-primary-7:#096dd9;--ant-primary-color-deprecated-l-35:#cbe6ff;--ant-primary-color-deprecated-l-20:#7ec1ff;--ant-primary-color-deprecated-t-20:#46a6ff;--ant-primary-color-deprecated-t-50:#8cc8ff;--ant-primary-color-deprecated-f-12:rgba(24,144,255,0.12);--ant-primary-color-active-deprecated-f-30:rgba(230,247,255,0.3);--ant-primary-color-active-deprecated-d-02:#dcf4ff;--ant-success-color:#52c41a;--ant-success-color-hover:#73d13d;--ant-success-color-active:#389e0d;--ant-success-color-outline:rgba(82,196,26,0.2);--ant-success-color-deprecated-bg:#f6ffed;--ant-success-color-deprecated-border:#b7eb8f;--ant-error-color:#ff4d4f;--ant-error-color-hover:#ff7875;--ant-error-color-active:#d9363e;--ant-error-color-outline:rgba(255,77,79,0.2);--ant-error-color-deprecated-bg:#fff2f0;--ant-error-color-deprecated-border:#ffccc7;--ant-warning-color:#faad14;--ant-warning-color-hover:#ffc53d;--ant-warning-color-active:#d48806;--ant-warning-color-outline:rgba(250,173,20,0.2);--ant-warning-color-deprecated-bg:#fffbe6;--ant-warning-color-deprecated-border:#ffe58f;--ant-info-color:#1890ff;--ant-info-color-deprecated-bg:#e6f7ff;--ant-info-color-deprecated-border:#91d5ff}.ant-result{padding:48px 32px}.ant-result-success .ant-result-icon>.anticon{color:#52c41a;color:var(--ant-success-color)}.ant-result-error .ant-result-icon>.anticon{color:#ff4d4f;color:var(--ant-error-color)}.ant-result-info .ant-result-icon>.anticon{color:#1890ff;color:var(--ant-info-color)}.ant-result-warning .ant-result-icon>.anticon{color:#faad14;color:var(--ant-warning-color)}.ant-result-image{width:250px;height:295px;margin:auto}.ant-result-icon{margin-bottom:24px;text-align:center}.ant-result-icon>.anticon{font-size:72px}.ant-result-title{color:rgba(0,0,0,.85);font-size:24px;line-height:1.8;text-align:center}.ant-result-subtitle{color:rgba(0,0,0,.45);font-size:14px;line-height:1.6;text-align:center}.ant-result-extra{margin:24px 0 0;text-align:center}.ant-result-extra>*{margin-right:8px}.ant-result-extra>:last-child{margin-right:0}.ant-result-content{margin-top:24px;padding:24px 40px;background-color:#fafafa}.ant-result-rtl{direction:rtl}.ant-result-rtl .ant-result-extra>*{margin-right:0;margin-left:8px}.ant-result-rtl .ant-result-extra>:last-child{margin-left:0} |
|||
@ -0,0 +1 @@ |
|||
(self.webpackChunkant_design_pro=self.webpackChunkant_design_pro||[]).push([[816],{51975:function(q,O,n){"use strict";n.r(O),n.d(O,{default:function(){return L}});var _=n(57663),b=n(71577),v=n(3182),c=n(11849),I=n(93224),C=n(94043),p=n.n(C),R=n(4614);function P(a,r){return y.apply(this,arguments)}function y(){return y=(0,v.Z)(p().mark(function a(r,t){return p().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.abrupt("return",(0,R.WY)("/api/luigi/author/seek",(0,c.Z)({method:"GET",params:(0,c.Z)({},r)},t||{})));case 1:case"end":return e.stop()}},a)})),y.apply(this,arguments)}var m=n(67294),ee=n(43358),G=n(34041),te=n(20228),U=n(11382),$=n(57337),A=n(23279),F=n.n(A),h=n(85893);function B(a){var r=a.fetchOptions,t=a.debounceTimeout,u=t===void 0?800:t,e=a.initOption,i=(0,I.Z)(a,["fetchOptions","debounceTimeout","initOption"]),d=m.useState(!1),l=(0,$.Z)(d,2),f=l[0],o=l[1],s=[],g=null;if(e&&typeof e=="string"){var j=JSON.parse(e);s.push(j),g=j.value}var Y=m.useState(s),x=(0,$.Z)(Y,2),w=x[0],E=x[1],Z=m.useRef(0),M=m.useMemo(function(){var H=function(Q){Z.current+=1;var X=Z.current;E([]),o(!0),r(Q).then(function(k){X===Z.current&&(E(k),o(!1))})};return F()(H,u)},[r,u]);return(0,h.jsx)(G.Z,(0,c.Z)((0,c.Z)({showSearch:!0,labelInValue:!0,filterOption:!1,defaultValue:g,onSearch:M,notFoundContent:f?(0,h.jsx)(U.Z,{size:"small"}):null},i),{},{options:w}))}var D=B,z=function(r){return(0,h.jsx)(D,{initOption:r.value,fetchOptions:function(){var t=(0,v.Z)(p().mark(function u(e){var i,d,l;return p().wrap(function(o){for(;;)switch(o.prev=o.next){case 0:return o.next=2,P({name:e});case 2:if(d=o.sent,!((i=d.data)!==null&&i!==void 0&&i.list)){o.next=5;break}return o.abrupt("return",(l=d.data.list)===null||l===void 0?void 0:l.map(function(s){var g={label:s.name,value:s.id,key:s.id};return g}));case 5:return o.abrupt("return",void 0);case 6:case"end":return o.stop()}},u)}));return function(u){return t.apply(this,arguments)}}(),onChange:function(u){r.onChange(u)},style:{width:"100%"}})},W=z;function ne(a,r){return S.apply(this,arguments)}function S(){return S=_asyncToGenerator(_regeneratorRuntime.mark(function a(r,t){return _regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.abrupt("return",request("/api/luigi/poem/detail",_objectSpread({method:"GET",params:_objectSpread({},r)},t||{})));case 1:case"end":return e.stop()}},a)})),S.apply(this,arguments)}function N(a,r){return T.apply(this,arguments)}function T(){return T=(0,v.Z)(p().mark(function a(r,t){return p().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.abrupt("return",(0,R.WY)("/api/luigi/poem/list",(0,c.Z)({method:"POST",headers:{"Content-Type":"application/json"},data:r},t||{})));case 1:case"end":return e.stop()}},a)})),T.apply(this,arguments)}var V=n(49101),J=n(99542),K=[{dataIndex:"index",valueType:"indexBorder",width:48},{title:"\u6807\u9898",dataIndex:"title",ellipsis:!0,hideInSearch:!0,tip:"\u6807\u9898\u8FC7\u957F\u4F1A\u81EA\u52A8\u6536\u7F29",formItemProps:{rules:[{required:!0,message:"\u6B64\u9879\u4E3A\u5FC5\u586B\u9879"}]}},{title:"\u72B6\u6001",dataIndex:"status",valueType:"select",valueEnum:{0:{text:"\u672A\u6821\u51C6",status:"Error"},1:{text:"\u5DF2\u6821\u51C6",status:"Success"}}},{title:"\u4F5C\u8005",dataIndex:"authorName",hideInSearch:!0},{title:"\u4F5C\u8005",dataIndex:"author",hideInTable:!0,formItemProps:{rules:[{required:!0,message:"\u6B64\u9879\u4E3A\u5FC5\u586B\u9879"}]},renderFormItem:function(r,t){var u=t.type,e=t.defaultRender,i=(0,I.Z)(t,["type","defaultRender"]);return(0,h.jsx)(W,(0,c.Z)({},i))}},{title:"\u9996\u884C",dataIndex:"line",hideInSearch:!0}],L=function(){var a=(0,m.useRef)();return(0,h.jsx)(J.ZP,{columns:K,actionRef:a,cardBordered:!0,request:(0,v.Z)(p().mark(function r(){var t,u,e,i,d,l,f=arguments;return p().wrap(function(s){for(;;)switch(s.prev=s.next){case 0:return e=f.length>0&&f[0]!==void 0?f[0]:{},i=[],e.author&&(d=e.author,typeof e.author=="string"&&(d=JSON.parse(e.author)),i.push({key:"authorId",val:d.value})),e.status&&i.push({key:"status",val:e.status}),s.next=6,N({current:e.current,pageSize:e.pageSize,query:i});case 6:return l=s.sent,s.abrupt("return",{data:(t=l.data)===null||t===void 0?void 0:t.list,total:(u=l.data)===null||u===void 0?void 0:u.total});case 8:case"end":return s.stop()}},r)})),editable:{type:"multiple"},columnsState:{persistenceKey:"pro-table-singe-demos",persistenceType:"localStorage",onChange:function(t){console.log("value: ",t)}},rowKey:"id",search:{labelWidth:"auto"},form:{syncToUrl:function(t,u){return u==="get"?(0,c.Z)((0,c.Z)({},t),{},{created_at:[t.startTime,t.endTime]}):t}},pagination:{pageSize:5},dateFormatter:"string",headerTitle:"\u9AD8\u7EA7\u8868\u683C",toolBarRender:function(){return[(0,h.jsx)(b.Z,{icon:(0,h.jsx)(V.Z,{}),type:"primary",children:"\u65B0\u5EFA"},"button")]}})}}}]); |
|||
@ -0,0 +1,254 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8" /> |
|||
<meta name="theme-color" content="#1890ff" /> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
|||
<meta |
|||
name="keywords" |
|||
content="antd,umi,umijs,ant design,Scaffolding, layout, Ant Design, project, Pro, admin, console, homepage, out-of-the-box, middle and back office, solution, component library" |
|||
/> |
|||
<meta |
|||
name="description" |
|||
content=" |
|||
An out-of-box UI solution for enterprise applications as a React boilerplate." |
|||
/> |
|||
<meta |
|||
name="description" |
|||
content=" |
|||
Out-of-the-box mid-stage front-end/design solution." |
|||
/> |
|||
<meta |
|||
name="viewport" |
|||
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" |
|||
/> |
|||
<title>Ant Design Pro</title> |
|||
<link rel="icon" href="/favicon.ico" type="image/x-icon" /> |
|||
<link rel="stylesheet" href="/umi.3237de05.css" /> |
|||
<script> |
|||
window.routerBase = "/"; |
|||
</script> |
|||
<script> |
|||
//! umi version: 3.5.21 |
|||
</script> |
|||
</head> |
|||
<body> |
|||
<noscript> |
|||
<div class="noscript-container"> |
|||
Hi there! Please |
|||
<div class="noscript-enableJS"> |
|||
<a |
|||
href="https://www.enablejavascript.io/en" |
|||
target="_blank" |
|||
rel="noopener noreferrer" |
|||
> |
|||
<b>enable Javascript</b> |
|||
</a> |
|||
</div> |
|||
in your browser to use Ant Design, Out-of-the-box mid-stage front/design |
|||
solution! |
|||
</div> |
|||
</noscript> |
|||
<div id="root"> |
|||
<style> |
|||
html, |
|||
body, |
|||
#root { |
|||
height: 100%; |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
#root { |
|||
background-repeat: no-repeat; |
|||
background-size: 100% auto; |
|||
} |
|||
.noscript-container { |
|||
display: flex; |
|||
align-content: center; |
|||
justify-content: center; |
|||
margin-top: 90px; |
|||
font-size: 20px; |
|||
font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", |
|||
"Lucida Sans Unicode", Geneva, Verdana, sans-serif; |
|||
} |
|||
.noscript-enableJS { |
|||
padding-right: 3px; |
|||
padding-left: 3px; |
|||
} |
|||
.page-loading-warp { |
|||
display: flex; |
|||
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; |
|||
text-align: center; |
|||
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 { |
|||
position: static; |
|||
display: inline-block; |
|||
opacity: 1; |
|||
} |
|||
|
|||
.ant-spin-dot { |
|||
position: relative; |
|||
display: inline-block; |
|||
width: 20px; |
|||
height: 20px; |
|||
font-size: 20px; |
|||
} |
|||
|
|||
.ant-spin-dot-item { |
|||
position: absolute; |
|||
display: block; |
|||
width: 9px; |
|||
height: 9px; |
|||
background-color: #1890ff; |
|||
border-radius: 100%; |
|||
-webkit-transform: scale(0.75); |
|||
-ms-transform: scale(0.75); |
|||
transform: scale(0.75); |
|||
-webkit-transform-origin: 50% 50%; |
|||
-ms-transform-origin: 50% 50%; |
|||
transform-origin: 50% 50%; |
|||
opacity: 0.3; |
|||
-webkit-animation: antspinmove 1s infinite linear alternate; |
|||
animation: antSpinMove 1s infinite linear alternate; |
|||
} |
|||
|
|||
.ant-spin-dot-item:nth-child(1) { |
|||
top: 0; |
|||
left: 0; |
|||
} |
|||
|
|||
.ant-spin-dot-item:nth-child(2) { |
|||
top: 0; |
|||
right: 0; |
|||
-webkit-animation-delay: 0.4s; |
|||
animation-delay: 0.4s; |
|||
} |
|||
|
|||
.ant-spin-dot-item:nth-child(3) { |
|||
right: 0; |
|||
bottom: 0; |
|||
-webkit-animation-delay: 0.8s; |
|||
animation-delay: 0.8s; |
|||
} |
|||
|
|||
.ant-spin-dot-item:nth-child(4) { |
|||
bottom: 0; |
|||
left: 0; |
|||
-webkit-animation-delay: 1.2s; |
|||
animation-delay: 1.2s; |
|||
} |
|||
|
|||
.ant-spin-dot-spin { |
|||
-webkit-transform: rotate(45deg); |
|||
-ms-transform: rotate(45deg); |
|||
transform: rotate(45deg); |
|||
-webkit-animation: antrotate 1.2s infinite linear; |
|||
animation: antRotate 1.2s infinite linear; |
|||
} |
|||
|
|||
.ant-spin-lg .ant-spin-dot { |
|||
width: 32px; |
|||
height: 32px; |
|||
font-size: 32px; |
|||
} |
|||
|
|||
.ant-spin-lg .ant-spin-dot i { |
|||
width: 14px; |
|||
height: 14px; |
|||
} |
|||
|
|||
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { |
|||
.ant-spin-blur { |
|||
background: #fff; |
|||
opacity: 0.5; |
|||
} |
|||
} |
|||
|
|||
@-webkit-keyframes antSpinMove { |
|||
to { |
|||
opacity: 1; |
|||
} |
|||
} |
|||
|
|||
@keyframes antSpinMove { |
|||
to { |
|||
opacity: 1; |
|||
} |
|||
} |
|||
|
|||
@-webkit-keyframes antRotate { |
|||
to { |
|||
-webkit-transform: rotate(405deg); |
|||
transform: rotate(405deg); |
|||
} |
|||
} |
|||
|
|||
@keyframes antRotate { |
|||
to { |
|||
-webkit-transform: rotate(405deg); |
|||
transform: rotate(405deg); |
|||
} |
|||
} |
|||
</style> |
|||
<div |
|||
style=" |
|||
display: flex; |
|||
flex-direction: column; |
|||
align-items: center; |
|||
justify-content: center; |
|||
height: 100%; |
|||
min-height: 420px; |
|||
" |
|||
> |
|||
<img src="/pro_icon.svg" alt="logo" width="256" /> |
|||
<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 |
|||
style="display: flex; align-items: center; justify-content: center" |
|||
> |
|||
<img |
|||
src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg" |
|||
width="32" |
|||
style="margin-right: 8px" |
|||
/> |
|||
Ant Design |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<script src="/umi.f116c253.js"></script> |
|||
</body> |
|||
</html> |
|||
|
After Width: | Height: | Size: 677 B |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Loading…
Reference in new issue