Files
fe_service_ebtp_frontend/src/pages/MainPage/ProjectManager/index.less

306 lines
5.6 KiB
Plaintext

.dashboard{
width:100%;
height: 100%;
min-width: 1090px;
min-height: 775px;
.topt{
width:100%;
height:43%;
background:#F0F2F5;
padding:0 0 10px 0;
margin-bottom: 10px;
border-radius: 5px;
overflow-y:hidden;
.moret{
color:@primary-color;
font-size:12px;
cursor: pointer;
line-height: 32px;
}
.cardtresupplier{
height:100%;
// height:350px;
overflow: hidden;
// .boxre{
// display:flex;
// justify-content: space-between;
// flex-direction:row;
// }
.ant-card-body{
padding: 10px 0px 0px 0px;
height:56%;
overflow-y: auto;
overflow-x: hidden;
-ms-overflow-style: none;
}
.ant-card-body::-webkit-scrollbar {
width: 8px;
height: 100px;
}
.ant-card-body::-webkit-scrollbar-thumb{
background: #D9D9D9;
border-radius: 4px;
}
}
.cardtremanager{
height:100%;
overflow: hidden;
.ant-card-body{
padding: 10px 0px 0px 0px;
height:56%;
overflow-y: auto;
overflow-x: hidden;
-ms-overflow-style: none;
}
.ant-card-body::-webkit-scrollbar {
width: 8px;
height: 100px;
}
.ant-card-body::-webkit-scrollbar-thumb{
background: #D9D9D9;
border-radius: 4px;
}
}
.cardtreJury{
height:100%;
// height:350px;
overflow: hidden;
// .boxre{
// display:flex;
// justify-content: space-between;
// flex-direction:row;
// }
.ant-card-body{
height:78%;
overflow-y: auto;
overflow-x: hidden;
-ms-overflow-style: none;
}
.ant-card-body::-webkit-scrollbar {
width: 8px;
height: 100px;
}
.ant-card-body::-webkit-scrollbar-thumb{
background: #D9D9D9;
border-radius: 4px;
}
}
.cardtre {
height: 100%;
}
}
.topt::-webkit-scrollbar {
width: 8px;
height: 100px;
}
.topt::-webkit-scrollbar-thumb{
background: #D9D9D9;
border-radius: 4px;
}
.downt{
width:100%;
height:50%;
// background:#FFFFFF;
border-radius: 5px;
.moret{
color:@primary-color;
font-size:12px;
cursor: pointer;
}
.cardtre{
width:100%;
height:100%;
overflow-y:auto;
overflow-x: hidden;
-ms-overflow-style: none;
.downround{
width:45px;
height: 45px;
border-radius: 30px;
font-size: 25px;
background:#b30000;
color:#FFFFFF;
float: left;
text-align: center;
}
.downtitle{
margin-left: 20px;
float: left;
font-size: 14px;
overflow: hidden;
white-space:nowrap;
text-overflow: ellipsis;
width:calc(~"100% - 50px");
.downtime{
color:#8C8C8C;
// margin-left: 12px;
font-size: 13px;
opacity: .7;
}
}
.downb{
float: right;
width: 32%;
}
.messagetre{
width:100%;
height:27px;
margin-top: 1px;
margin-bottom: 1px;
// cursor: pointer;
}
}
.cardtre::-webkit-scrollbar {
width: 8px;
height: 100px;
}
.cardtre::-webkit-scrollbar-thumb{
background: #D9D9D9;
border-radius: 4px;
}
}
.downret{
width:100%;
height:5%;
}
}
.topt::-webkit-scrollbar {
display:none;
}
// 盒子样式
.boxrezt{
padding: 10px 10px 10px 10px;
// width:215px;
// height:120px;
width:43%;
height:39%;
border-radius: 5px;
border:1px solid #D9D9D9;
float:left;
margin-bottom: 10px;
margin-left: 20px;
.boxtitle{
font-size: 17px;
line-height: 17px;
font-weight: bold;
margin-bottom: 10px;
// .titlere{
// width:130px;
// overflow: hidden;
// white-space:nowrap;
// text-overflow: ellipsis;
// }
.yue{
padding-top: 0px;
width: 30px;
height:17px;
border-radius: 5px;
background: #b30000;
text-align: center;
float: right;
color: #FFFFFF;
font-size: 13px;
}
}
.boxcount{
margin-bottom: 20px;
cursor: pointer;
}
.boxdescription{
font-size: 14px;
overflow: hidden;
white-space:nowrap;
text-overflow: ellipsis;
}
}
// 消息公告等样式
.messagetre{
width:100%;
height:35px;
margin-top: 1px;
margin-bottom: 1px;
line-height: 39px;
cursor: pointer;
// overflow-x: auto;
.round{
width:20px;
height: 20px;
border-radius: 30px;
font-size: 12px;
background:#b30000;
color:#FFFFFF;
float: left;
text-align: center;
margin-top: 9px;
line-height: 20px;
}
.txt{
color:#262626;
float: left;
margin-left: 10px;
width:calc(~"100% - 151px");
// width: 225px;
overflow: hidden;
white-space:nowrap;
text-overflow: ellipsis;
}
.time{
color:#262626;
float: right;
// margin-left: 12px;
font-size: 12px;
opacity: .7;
}
}
.redot{
width:5px;
height:5px;
border-radius:50%;
background-color:red;
display: block;
}
.pointer{
cursor: pointer;
}
.talk{
position: fixed;
right: 0;
bottom: 100px;
width: 38px;
height: 320px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
padding: 10px 6px 0;
background: @primary-color;
z-index: 100;
color: #fff;
text-align: center;
font-size: 16px;
font-weight: 500;
line-height: 20px;
span{
font-size: 12px;
font-weight: 200;
display: block;
}
}
.talk:hover{
color: #fff;
}
//智慧客服
.text-effect {
animation:animate linear 1000ms infinite;
animation-delay:0s;
@keyframes animate {
0% {
opacity:0.3;
}
100% {
opacity:1;
text-shadow:0 0 80px Red,0 0 30px orange,0 0 6px DarkRed;
}
}
}