|
|
@@ -1,205 +1,205 @@
|
|
|
<!DOCTYPE html>
|
|
|
<html lang="en">
|
|
|
- <head>
|
|
|
- <meta charset="UTF-8" />
|
|
|
- <meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
|
+<head>
|
|
|
+ <meta charset="UTF-8"/>
|
|
|
+ <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, jetlinks"
|
|
|
+ name="keywords"
|
|
|
+ content="antd,umi,umijs,ant design,Scaffolding, layout, Ant Design, project, Pro, admin, jetlinks"
|
|
|
/>
|
|
|
- <meta name="description" content="Jetlinks" />
|
|
|
+ <meta name="description" content="Jetlinks"/>
|
|
|
<meta
|
|
|
- name="viewport"
|
|
|
- content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
|
|
|
+ name="viewport"
|
|
|
+ content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
|
|
|
/>
|
|
|
<title>Jetlinks</title>
|
|
|
- <link rel="icon" href="<%= context.config.publicPath + 'favicon.ico' %>" type="image/x-icon" />
|
|
|
- </head>
|
|
|
- <body>
|
|
|
- <noscript>
|
|
|
- <div class="noscript-container">
|
|
|
+ <link rel="icon" href="<%= context.config.publicPath + 'favicon.ico' %>" type="image/x-icon"/>
|
|
|
+</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>
|
|
|
+ <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;
|
|
|
+ </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: 8px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .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;
|
|
|
}
|
|
|
+ }
|
|
|
|
|
|
- .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;
|
|
|
- }
|
|
|
+ @keyframes antSpinMove {
|
|
|
+ to {
|
|
|
+ opacity: 1;
|
|
|
}
|
|
|
+ }
|
|
|
|
|
|
- @-webkit-keyframes antRotate {
|
|
|
- to {
|
|
|
- -webkit-transform: rotate(405deg);
|
|
|
- transform: rotate(405deg);
|
|
|
- }
|
|
|
+ @-webkit-keyframes antRotate {
|
|
|
+ to {
|
|
|
+ -webkit-transform: rotate(405deg);
|
|
|
+ transform: rotate(405deg);
|
|
|
}
|
|
|
+ }
|
|
|
|
|
|
- @keyframes antRotate {
|
|
|
- to {
|
|
|
- -webkit-transform: rotate(405deg);
|
|
|
- transform: rotate(405deg);
|
|
|
- }
|
|
|
+ @keyframes antRotate {
|
|
|
+ to {
|
|
|
+ -webkit-transform: rotate(405deg);
|
|
|
+ transform: rotate(405deg);
|
|
|
}
|
|
|
- </style>
|
|
|
- <div
|
|
|
- style="
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+ <div
|
|
|
+ style="
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
align-items: center;
|
|
|
@@ -207,25 +207,27 @@
|
|
|
height: 100%;
|
|
|
min-height: 420px;
|
|
|
"
|
|
|
- >
|
|
|
- <img src="<%= context.config.publicPath + 'pro_icon.svg' %>" alt="logo" width="256" />
|
|
|
+ >
|
|
|
+ <!-- <img src="<%= context.config.publicPath + 'pro_icon.svg' %>" alt="logo" width="256"/>-->
|
|
|
+ <!-- <div style="font-size: xx-large">数据加载中...</div>-->
|
|
|
<div class="page-loading-warp">
|
|
|
- <div class="ant-spin ant-spin-lg ant-spin-spinning">
|
|
|
+ <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>
|
|
|
+ ><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"
|
|
|
- />
|
|
|
- Jetlinks
|
|
|
+
|
|
|
+ <img
|
|
|
+ src="<%= context.config.publicPath + 'logo.svg' %>"
|
|
|
+ width="200"
|
|
|
+ style="margin-right: 8px"
|
|
|
+ />
|
|
|
+
|
|
|
</div>
|
|
|
- </div>
|
|
|
</div>
|
|
|
- </body>
|
|
|
+</div>
|
|
|
+</body>
|
|
|
</html>
|