436 lines
9.7 KiB
CSS
436 lines
9.7 KiB
CSS
|
/* 工作台调整样式 */
|
||
|
|
:global(.dashboard-div-style){
|
||
|
|
height: 100%;
|
||
|
|
width:100%;
|
||
|
|
border-radius:10px;
|
||
|
|
background-color:white;
|
||
|
|
min-height: 20px;
|
||
|
|
}
|
||
|
|
:global(.redTableCell){
|
||
|
|
background: #e6f7ff;
|
||
|
|
}
|
||
|
|
:global(.bi001-table){
|
||
|
|
:global(.ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td){
|
||
|
|
background: #fff;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
:global(.slide-style){
|
||
|
|
/* margin-bottom: 10px; */
|
||
|
|
font-size: 24px;
|
||
|
|
font-weight: bold;
|
||
|
|
color:#de4e58;
|
||
|
|
/* -webkit-text-stroke: #E38C7A 1px; */
|
||
|
|
/* padding-left:30px; */
|
||
|
|
flex: 1;
|
||
|
|
overflow: hidden;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
|
||
|
|
}
|
||
|
|
:global(.slide-icon-style){
|
||
|
|
/* padding: 0px 20px; */
|
||
|
|
margin-right: 10px;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
:global(.slide-content){
|
||
|
|
margin-bottom: 10px;
|
||
|
|
background: #ffffff;
|
||
|
|
/* padding-left:30px; */
|
||
|
|
padding: 0px 30px;
|
||
|
|
box-sizing: border-box;
|
||
|
|
border-radius:4px;
|
||
|
|
height:50px;
|
||
|
|
line-height:50px;
|
||
|
|
/* border:1px solid red; */
|
||
|
|
/* overflow:hidden; */
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
align-items: center;
|
||
|
|
box-shadow: 2px 1px 8px 1px rgb(228, 232, 235);
|
||
|
|
/* min-width: 100px; */
|
||
|
|
}
|
||
|
|
|
||
|
|
:global(.slide-text-style){
|
||
|
|
position:relative;
|
||
|
|
display:inline-block;
|
||
|
|
white-space:nowrap;
|
||
|
|
animation: slide-text-style 20s linear 1s infinite ;
|
||
|
|
width:'auto';
|
||
|
|
align-items: center;
|
||
|
|
margin-top: 1em;
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes slide-text-style{
|
||
|
|
0%{margin-left:100%;}
|
||
|
|
100%{margin-left:-1200px;}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
:global(.slick-prev){
|
||
|
|
padding: 2px 0px 0px 0px !important;
|
||
|
|
}
|
||
|
|
:global(.slick-next){
|
||
|
|
padding: 2px 0px 0px 0px !important;
|
||
|
|
}
|
||
|
|
:global(.slick-dots){
|
||
|
|
position: absolute!important;
|
||
|
|
bottom: 20px!important;
|
||
|
|
z-index: 100;
|
||
|
|
}
|
||
|
|
:global(.slick-prev){
|
||
|
|
background-color: rgb(50,150,250) !important;
|
||
|
|
left: 8px !important;
|
||
|
|
z-index: 100 !important;
|
||
|
|
border-radius: 50%;
|
||
|
|
}
|
||
|
|
:global(.slick-next){
|
||
|
|
background-color: rgb(50,150,250) !important;
|
||
|
|
right: 8px !important;
|
||
|
|
z-index: 100 !important;
|
||
|
|
border-radius: 50%;
|
||
|
|
}
|
||
|
|
|
||
|
|
:global(.score-title-style){
|
||
|
|
font-size: 14pt;
|
||
|
|
padding-top: 18px;
|
||
|
|
color: red;
|
||
|
|
text-align: center;
|
||
|
|
min-width: 110px;
|
||
|
|
}
|
||
|
|
|
||
|
|
:global(.score-num-style){
|
||
|
|
font-size: 60pt;
|
||
|
|
font-weight: bold;
|
||
|
|
margin-top: 14px;
|
||
|
|
color: white;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
:global(.score-icon-style){
|
||
|
|
font-size: 30pt;
|
||
|
|
margin-top: -64px;
|
||
|
|
color: white;
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
:global(.backlog-title-style){
|
||
|
|
font-size: 14pt;
|
||
|
|
margin-left: 22px;
|
||
|
|
padding-top: 10px;
|
||
|
|
color: white;
|
||
|
|
margin-bottom: 20px;
|
||
|
|
/* min-width: 120px; */
|
||
|
|
}
|
||
|
|
:global(.backlog-icontitle-style){
|
||
|
|
font-size: 32px;
|
||
|
|
margin-left: 22px;
|
||
|
|
/* padding-top: 10px; */
|
||
|
|
color: white;
|
||
|
|
/* min-width: 120px; */
|
||
|
|
margin-top: 22px;
|
||
|
|
}
|
||
|
|
:global(.backlog-icontitle-style1){
|
||
|
|
font-size: 32px;
|
||
|
|
margin-left: 24px;
|
||
|
|
/* padding-top: 10px; */
|
||
|
|
color: white;
|
||
|
|
/* min-width: 120px; */
|
||
|
|
margin-top: 22px;
|
||
|
|
}
|
||
|
|
:global(.backlog-icontitle-style2){
|
||
|
|
font-size: 32px;
|
||
|
|
margin-left: 18px;
|
||
|
|
/* padding-top: 10px; */
|
||
|
|
color: white;
|
||
|
|
/* min-width: 120px; */
|
||
|
|
margin-top: 22px;
|
||
|
|
}
|
||
|
|
:global(.backlog-icontitle-style3){
|
||
|
|
font-size: 32px;
|
||
|
|
margin-left: 22px;
|
||
|
|
/* padding-top: 10px; */
|
||
|
|
color: white;
|
||
|
|
/* min-width: 120px; */
|
||
|
|
margin-top: 22px;
|
||
|
|
}
|
||
|
|
:global(.backlog-icontitle-style4){
|
||
|
|
font-size: 32px;
|
||
|
|
margin-left: 18px;
|
||
|
|
/* padding-top: 10px; */
|
||
|
|
color: white;
|
||
|
|
/* min-width: 120px; */
|
||
|
|
margin-top: 22px;
|
||
|
|
}
|
||
|
|
:global(.backlog-icon-score){
|
||
|
|
font-size: 32px;
|
||
|
|
/* margin-left: 22px; */
|
||
|
|
/* padding-top: 10px; */
|
||
|
|
color: white;
|
||
|
|
/* min-width: 120px; */
|
||
|
|
/* margin-top: 22px; */
|
||
|
|
}
|
||
|
|
|
||
|
|
:global(.backlog-title-score){
|
||
|
|
font-size: 14pt;
|
||
|
|
margin-left: 12px;
|
||
|
|
/* padding-top: 10px; */
|
||
|
|
color: white;
|
||
|
|
/* min-width: 120px; */
|
||
|
|
}
|
||
|
|
|
||
|
|
:global(.backlog-scoretitle-style){
|
||
|
|
font-size: 32px;
|
||
|
|
/* margin-left: 22px; */
|
||
|
|
/* padding-top: 10px; */
|
||
|
|
color: white;
|
||
|
|
/* min-width: 120px; */
|
||
|
|
/* margin-top: 20px; */
|
||
|
|
margin: 9px 0px 9px 22px;
|
||
|
|
}
|
||
|
|
:global(.backlog-score-wrap){
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
margin: 20px 0px 0px 0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
:global(.backlog-icon-title){
|
||
|
|
font-size: 14pt;
|
||
|
|
margin-left: 10px;
|
||
|
|
/* padding-top: 10px; */
|
||
|
|
color: #333333;
|
||
|
|
/* min-width: 120px; */
|
||
|
|
/* margin-top: 22px; */
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
:global(.backlog-background-style){
|
||
|
|
background: linear-gradient(135deg, #75baf3,#2177d5);
|
||
|
|
}
|
||
|
|
:global(.backlog-background-style1){
|
||
|
|
background: linear-gradient(135deg, #ffa94d,#f76707);
|
||
|
|
}
|
||
|
|
:global(.backlog-background-style2){
|
||
|
|
background:linear-gradient(135deg, #99ca6e,#48a447);
|
||
|
|
/* linear-gradient(135deg, #aab5e2,#5f6ac2); */
|
||
|
|
}
|
||
|
|
:global(.backlog-background-style3){
|
||
|
|
background: linear-gradient(135deg, #ffe066,#fcc419);
|
||
|
|
}
|
||
|
|
:global(.backlog-background-style4){
|
||
|
|
background: linear-gradient(135deg, rgb(245, 121, 118),#c92a2a);
|
||
|
|
/*#ea9a99,#de4e58 */
|
||
|
|
}
|
||
|
|
|
||
|
|
:global(.backlog-title-style2){
|
||
|
|
font-size: 12pt;
|
||
|
|
margin-left: 10px;
|
||
|
|
padding-top: 2px;
|
||
|
|
color: white;
|
||
|
|
min-width: 500px;
|
||
|
|
}
|
||
|
|
:global(.backlog-style){
|
||
|
|
font-size: 28pt;
|
||
|
|
font-weight: bold;
|
||
|
|
margin-left:22px;
|
||
|
|
color: white;
|
||
|
|
margin-top: 10px;
|
||
|
|
}
|
||
|
|
:global(.backlog-style-score){
|
||
|
|
|
||
|
|
/* margin-left:22px; */
|
||
|
|
color: white;
|
||
|
|
/* margin-top: 5px; */
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
padding: 20px 0px 20px 0px;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
font-size: 38pt;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
:global(.score-title){
|
||
|
|
font-size: 16pt;
|
||
|
|
/* font-weight: bold; */
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
/* margin-left:22px; */
|
||
|
|
}
|
||
|
|
:global(.score-content){
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
margin-bottom: 10px;
|
||
|
|
}
|
||
|
|
:global(.score-num){
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
font-size: 16pt;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
:global(.backlog-style4){
|
||
|
|
font-size: 28pt;
|
||
|
|
font-weight: bold;
|
||
|
|
margin-left:22px;
|
||
|
|
color: white;
|
||
|
|
margin-top: 10px;
|
||
|
|
}
|
||
|
|
:global(.backlog-style2){
|
||
|
|
font-size: 20pt;
|
||
|
|
font-weight: bold;
|
||
|
|
margin-left:10px;
|
||
|
|
color: white;
|
||
|
|
margin-top: -8px;
|
||
|
|
}
|
||
|
|
:global(.backlog-style3){
|
||
|
|
font-size: 16pt;
|
||
|
|
font-weight: bold;
|
||
|
|
margin-left:10px;
|
||
|
|
color: white;
|
||
|
|
margin-top: -8px;
|
||
|
|
}
|
||
|
|
:global(.notice-title-style){
|
||
|
|
color: rgb(255, 255, 255);
|
||
|
|
font-size: 16pt;
|
||
|
|
margin-left: 20px;
|
||
|
|
padding-top: 6px;
|
||
|
|
}
|
||
|
|
|
||
|
|
:global(.notice-title-style span){
|
||
|
|
float: right;
|
||
|
|
margin-right: 48px;
|
||
|
|
font-size: 14pt;
|
||
|
|
margin-top: 6px;
|
||
|
|
}
|
||
|
|
|
||
|
|
:global(.notice-content-style ){
|
||
|
|
color: white;
|
||
|
|
line-height: 38px;
|
||
|
|
margin-left: 20px;
|
||
|
|
margin-top: 20px;
|
||
|
|
font-size: 12pt;
|
||
|
|
}
|
||
|
|
:global(.notice-content-style span){
|
||
|
|
margin-right: 16px;
|
||
|
|
}
|
||
|
|
:global(.statistical-title-style){
|
||
|
|
border-bottom: 1px solid #d9d9d9;
|
||
|
|
color: #333333;
|
||
|
|
font-size: 18px;
|
||
|
|
padding: 8px 0px 8px 20px;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
justify-content: space-between;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
:global(.statistical-title-style2){
|
||
|
|
border-bottom: 1px solid #d9d9d9;
|
||
|
|
color: #333333;
|
||
|
|
font-size: 14px;
|
||
|
|
padding: 8px 0px 0px 20px;
|
||
|
|
}
|
||
|
|
:global(.badge-style){
|
||
|
|
/* background: #ffffff;
|
||
|
|
border: 2px solid #5f6ac2;
|
||
|
|
width: 8px;
|
||
|
|
height: 8px;
|
||
|
|
border-radius: 8px;
|
||
|
|
margin-right:8px;
|
||
|
|
display:inline-block;
|
||
|
|
position: relative;
|
||
|
|
top: -2px; */
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
:global(.backlog-icon-style){
|
||
|
|
position: relative;
|
||
|
|
top: -2px;
|
||
|
|
margin-left: 45%;
|
||
|
|
width: 30px;
|
||
|
|
}
|
||
|
|
:global(.backlog-icon-style2){
|
||
|
|
position: relative;
|
||
|
|
/* top: -2px; */
|
||
|
|
/* width: 10px; */
|
||
|
|
}
|
||
|
|
:global(.backlog-icon-style3){
|
||
|
|
position: relative;
|
||
|
|
top: -2px;
|
||
|
|
margin-left: calc(50% - 20px);
|
||
|
|
width: 0;
|
||
|
|
height: 0;
|
||
|
|
border-left: 20px solid transparent;
|
||
|
|
border-right: 20px solid transparent;
|
||
|
|
border-top: 10px solid #3b8bde;
|
||
|
|
}
|
||
|
|
:global(.backlog-icon-style4){
|
||
|
|
position: relative;
|
||
|
|
top: -2px;
|
||
|
|
margin-left: calc(50% - 20px);
|
||
|
|
width: 0;
|
||
|
|
height: 0;
|
||
|
|
border-left: 20px solid transparent;
|
||
|
|
border-right: 20px solid transparent;
|
||
|
|
border-top: 10px solid #fa7b1c;
|
||
|
|
}
|
||
|
|
:global(.backlog-icon-style5){
|
||
|
|
position: relative;
|
||
|
|
top: -2px;
|
||
|
|
margin-left: calc(50% - 20px);
|
||
|
|
width: 0;
|
||
|
|
height: 0;
|
||
|
|
border-left: 20px solid transparent;
|
||
|
|
border-right: 20px solid transparent;
|
||
|
|
border-top: 10px solid #5faf52;
|
||
|
|
}
|
||
|
|
:global(.backlog-icon-style6){
|
||
|
|
position: relative;
|
||
|
|
top: -2px;
|
||
|
|
margin-left: calc(50% - 20px);
|
||
|
|
width: 0;
|
||
|
|
height: 0;
|
||
|
|
border-left: 20px solid transparent;
|
||
|
|
border-right: 20px solid transparent;
|
||
|
|
border-top: 10px solid #fdcc2e;
|
||
|
|
}
|
||
|
|
:global(.backlog-icon-style7){
|
||
|
|
position: relative;
|
||
|
|
top: -2px;
|
||
|
|
margin-left: calc(50% - 20px);
|
||
|
|
width: 0;
|
||
|
|
height: 0;
|
||
|
|
border-left: 20px solid transparent;
|
||
|
|
border-right: 20px solid transparent;
|
||
|
|
border-top: 10px solid #c92a2a;
|
||
|
|
}
|
||
|
|
.sideContent :global(.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title){
|
||
|
|
padding: 0 10px !important;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sideContent :global(.ant-menu-inline-collapsed){
|
||
|
|
width: inherit!important;
|
||
|
|
}
|
||
|
|
.IndexPageTabs{
|
||
|
|
background-color: inherit;
|
||
|
|
}
|
||
|
|
|
||
|
|
.IndexPageTabs :global(.ant-tabs-bar){
|
||
|
|
background-color: #ecf4f6;
|
||
|
|
padding: 0 10px;
|
||
|
|
}
|
||
|
|
/* :global(.header .IndexPage__loginMenu___xUJI4 span) {
|
||
|
|
vertical-align: baseline!important;
|
||
|
|
} */
|
||
|
|
:global(.ant-select-combobox .ant-select-search__field) {
|
||
|
|
z-index: auto!important;
|
||
|
|
}
|