Initial commit
This commit is contained in:
438
src/pages/document.ejs
Normal file
438
src/pages/document.ejs
Normal file
@ -0,0 +1,438 @@
|
||||
<!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>
|
Reference in New Issue
Block a user