438 lines
12 KiB
Plaintext
438 lines
12 KiB
Plaintext
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||
<meta charset="UTF-8" />
|
||
<!-- <meta name="keywords" content="antd,umi,umijs,ant design,脚手架,布局, Ant Design,项目,Pro,admin,控制台,主页,开箱即用,中后台,解决方案,组件库" />
|
||
<meta name="description" content="
|
||
An out-of-box UI solution for enterprise applications as a React boilerplate." />
|
||
<meta name="description" content="
|
||
开箱即用的中台前端/设计解决方案。" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" /> -->
|
||
<title>中远海运</title>
|
||
<!-- <script>
|
||
if (document.URL.includes('partyMemberTopic')) {
|
||
document.getElementsByTagName('title')[0].innerText = "党建攻坚";
|
||
} else if (document.URL.includes('highQualityOperation')) {
|
||
document.getElementsByTagName('title')[0].innerText = "供应链高质量运营行动";
|
||
} else {
|
||
document.getElementsByTagName('title')[0].innerText = "中国联通电子招投标系统";
|
||
}
|
||
</script> -->
|
||
<!-- <script type="text/javascript" src="https://customer.unib.cn:8080/dl/js/b2b/ntkfstat.js?siteid=bl_1000"
|
||
charset="utf-8"></script> -->
|
||
<script type="text/javascript" src="<%= context.config.publicPath +'officecontrol/ntkobackground.min.20220624.js'%>"
|
||
charset="utf-8"></script>
|
||
<script type="text/javascript" src="<%= context.config.publicPath +'screen/jsencrypt.min.js'%>"
|
||
charset="utf-8"></script>
|
||
<script type="text/javascript" src="<%= context.config.publicPath +'screen/jsWebControl-1.0.0.min.js'%>"
|
||
charset="utf-8"></script>
|
||
<link rel="icon" href="<%= context.config.publicPath +'favicon.ico'%>" type="image/x-icon" />
|
||
<!-- <link rel="icon" href="./../assets/logo.svg"/> -->
|
||
</head>
|
||
|
||
<body>
|
||
<!-- <script>
|
||
NTKF_PARAM = {
|
||
siteid: "bl_1000", //企业ID，,为固定值
|
||
settingid: "bl_1000_1577069347676", //接待组ID，为固定值，必填
|
||
uid: "",
|
||
uname: "", //用户名，未登录可以为空，但是不能给null，uname赋予的值显示到小能客户端
|
||
isvip: "0", //是否为vip用户，0代表非会员，1代表会员，取值显示到小能客户端
|
||
userlevel: "1", //网站自定义会员级别，1-N，可根据选择判断，取值显示到小能客户端
|
||
erpparam: "abc" //erpparam为erp功能的扩展字段，可选，购买erp功能后用于erp功能集成
|
||
}
|
||
</script> -->
|
||
<!-- <noscript>Out-of-the-box mid-stage front/design solution!</noscript> -->
|
||
<div id="root">
|
||
<style>
|
||
html body {
|
||
background: #f6f6f6;
|
||
height: 100%;
|
||
}
|
||
|
||
.scene {
|
||
width: 100%;
|
||
height: 100%;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
|
||
.path1 {
|
||
border: 1px solid #f5e3d8;
|
||
border-radius: 50%;
|
||
width: 190px;
|
||
height: 190px;
|
||
position: absolute;
|
||
left: 50%;
|
||
top: 50%;
|
||
margin: -95px -95px;
|
||
transform: rotate(-45deg);
|
||
-ms-transform: rotate(-45deg);
|
||
/* IE 9 */
|
||
-webkit-transform: rotate(-45deg);
|
||
/* Safari and Chrome */
|
||
}
|
||
|
||
.path1::before {
|
||
content: " ";
|
||
display: block;
|
||
border: 5px solid #b30000;
|
||
border-right-color: transparent;
|
||
border-bottom-color: transparent;
|
||
border-radius: 50%;
|
||
box-sizing: border-box;
|
||
display: inline-block;
|
||
overflow: hidden;
|
||
text-indent: -9999px;
|
||
width: 190px;
|
||
height: 190px;
|
||
position: absolute;
|
||
-webkit-animation: rotation 1.8s ease-in-out infinite;
|
||
-moz-animation: rotation 1.8s ease-in-out infinite;
|
||
-ms-animation: rotation 1.8s ease-in-out infinite;
|
||
animation: rotation 1.8s ease-in-out infinite;
|
||
}
|
||
|
||
.path2 {
|
||
border: 1px solid #f5e3d8;
|
||
border-radius: 50%;
|
||
width: 164px;
|
||
height: 164px;
|
||
position: absolute;
|
||
left: 50%;
|
||
top: 50%;
|
||
margin: -82px -82px;
|
||
transform: rotate(-45deg);
|
||
-ms-transform: rotate(-45deg);
|
||
/* IE 9 */
|
||
-webkit-transform: rotate(-45deg);
|
||
/* Safari and Chrome */
|
||
}
|
||
|
||
.path2::before {
|
||
content: " ";
|
||
display: block;
|
||
border: 2px solid #e3ac68;
|
||
border-right-color: transparent;
|
||
border-bottom: transparent;
|
||
border-radius: 50%;
|
||
box-sizing: border-box;
|
||
display: inline-block;
|
||
overflow: hidden;
|
||
text-indent: -9999px;
|
||
width: 164px;
|
||
height: 164px;
|
||
position: absolute;
|
||
-webkit-animation: rotation 1.5s linear infinite;
|
||
-moz-animation: rotation 1.5s linear infinite;
|
||
-ms-animation: rotation 1.5s linear infinite;
|
||
animation: rotation 1.5s linear infinite;
|
||
}
|
||
|
||
@-webkit-keyframes rotation {
|
||
0% {
|
||
-webkit-transform: rotate(0deg);
|
||
}
|
||
|
||
100% {
|
||
-webkit-transform: rotate(360deg);
|
||
}
|
||
}
|
||
|
||
@-moz-keyframes rotation {
|
||
0% {
|
||
-moz-transform: rotate(0deg);
|
||
}
|
||
|
||
100% {
|
||
-moz-transform: rotate(360deg);
|
||
}
|
||
}
|
||
|
||
@-ms-keyframes rotation {
|
||
0% {
|
||
-ms-transform: rotate(0deg);
|
||
}
|
||
|
||
100% {
|
||
-ms-transform: rotate(360deg);
|
||
}
|
||
}
|
||
|
||
@keyframes rotation {
|
||
0% {
|
||
transform: rotate(0deg);
|
||
}
|
||
|
||
100% {
|
||
transform: rotate(360deg);
|
||
}
|
||
}
|
||
|
||
.text {
|
||
display: block;
|
||
width: 80px;
|
||
height: 20px;
|
||
text-align: center;
|
||
font-family: "Monaco";
|
||
font-size: 13px;
|
||
letter-spacing: 4px;
|
||
color: grey;
|
||
position: absolute;
|
||
left: 50%;
|
||
top: 50%;
|
||
margin-top: -5px;
|
||
margin-left: -35px;
|
||
-webkit-animation: fade 1.8s linear infinite;
|
||
-moz-animation: fade 1.8s linear infinite;
|
||
-ms-animation: fade 1.8s linear infinite;
|
||
animation: fade 1.8s linear infinite;
|
||
}
|
||
|
||
@-webkit-keyframes fade {
|
||
0% {
|
||
-webkit-opacity: 0.1;
|
||
}
|
||
|
||
50% {
|
||
-webkit-opacity: 1;
|
||
}
|
||
|
||
100% {
|
||
-webkit-opacity: 0.1;
|
||
}
|
||
}
|
||
|
||
@-moz-keyframes fade {
|
||
0% {
|
||
-moz-opacity: 0.1;
|
||
}
|
||
|
||
50% {
|
||
-moz-opacity: 1;
|
||
}
|
||
|
||
100% {
|
||
-moz-opacity: 0.1;
|
||
}
|
||
}
|
||
|
||
@-ms-keyframes fade {
|
||
0% {
|
||
-ms-opacity: 0.1;
|
||
}
|
||
|
||
50% {
|
||
-ms-opacity: 1;
|
||
}
|
||
|
||
100% {
|
||
-ms-opacity: 0.1;
|
||
}
|
||
}
|
||
|
||
@keyframes fade {
|
||
0% {
|
||
opacity: 0.1;
|
||
}
|
||
|
||
50% {
|
||
opacity: 1;
|
||
}
|
||
|
||
100% {
|
||
opacity: 0.1;
|
||
}
|
||
}
|
||
</style>
|
||
<!-- <style>
|
||
html,
|
||
body,
|
||
#root {
|
||
height: 100%;
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
|
||
#root {
|
||
/* background-image: url('<%= context.config.publicPath +"home_bg.png"%>'); */
|
||
background-repeat: no-repeat;
|
||
background-size: 100% auto;
|
||
}
|
||
|
||
.page-loading-warp {
|
||
padding: 98px;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
}
|
||
|
||
.ant-spin {
|
||
-webkit-box-sizing: border-box;
|
||
box-sizing: border-box;
|
||
margin: 0;
|
||
padding: 0;
|
||
color: rgba(0, 0, 0, 0.65);
|
||
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;
|
||
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);
|
||
}
|
||
|
||
.ant-spin-spinning {
|
||
position: static;
|
||
display: inline-block;
|
||
opacity: 1;
|
||
}
|
||
|
||
.ant-spin-dot {
|
||
position: relative;
|
||
display: inline-block;
|
||
font-size: 20px;
|
||
width: 20px;
|
||
height: 20px;
|
||
}
|
||
|
||
.ant-spin-dot-item {
|
||
position: absolute;
|
||
display: block;
|
||
width: 9px;
|
||
height: 9px;
|
||
background-color: #1890ff;
|
||
background-color: #e60202;
|
||
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 {
|
||
font-size: 32px;
|
||
width: 32px;
|
||
height: 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;
|
||
justify-content: center;
|
||
align-items: center;
|
||
flex-direction: column;
|
||
min-height: 420px;
|
||
height: 100%;
|
||
">
|
||
<img src="<%= context.config.publicPath +'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 id='down' style="display: flex; justify-content: center; align-items: center">
|
||
<img src="../favicon.ico" width="32" style="margin-right: 8px" />
|
||
中国联合网络通信有限公司
|
||
</div>
|
||
</div> -->
|
||
<div class="scene">
|
||
<span class="text">即将进入</span>
|
||
<span class="path1"></span>
|
||
<span class="path2"></span>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
|
||
</html> |