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