You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
68 lines
1.2 KiB
68 lines
1.2 KiB
3 months ago
|
body,html{
|
||
|
|
margin:0;
|
||
|
|
padding:0;
|
||
|
|
}
|
||
|
|
.task{
|
||
|
|
border:1px solid red;
|
||
|
|
height: calc(100vh - 2px);
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
overflow: hidden;
|
||
|
|
background-color: #F2F2F2;
|
||
|
|
}
|
||
|
|
/* 左边 */
|
||
|
|
.left{
|
||
|
|
width:20%;
|
||
|
|
height:calc(100% - 40px);
|
||
|
|
overflow: auto;
|
||
|
|
border:1px solid orange;
|
||
|
|
background: #FFFFFF;
|
||
|
|
box-shadow: 3px 0px 10px 0px rgba(6,13,23,0.06);
|
||
|
|
border-radius: 1px;
|
||
|
|
padding:20px;
|
||
|
|
}
|
||
|
|
.left .addBtn{
|
||
|
|
background: #6271FE;
|
||
|
|
box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.2);
|
||
|
|
border-radius: 10px;
|
||
|
|
padding:16px 0;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.left .addBtn span{
|
||
|
|
margin-left:12px;
|
||
|
|
font-family: PingFang SC;
|
||
|
|
font-weight: bold;
|
||
|
|
font-size: 24px;
|
||
|
|
color: #FFFFFF;
|
||
|
|
}
|
||
|
|
.left .taskItem{
|
||
|
|
background: #EDEDEF;
|
||
|
|
border-radius: 10px;
|
||
|
|
padding:16px;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: space-between;
|
||
|
|
margin:20px 0;
|
||
|
|
}
|
||
|
|
.left .taskItem span{
|
||
|
|
font-weight: bold;
|
||
|
|
font-size: 22px;
|
||
|
|
color: #222222;
|
||
|
|
}
|
||
|
|
/* 右边 */
|
||
|
|
.right{
|
||
|
|
width:20%;
|
||
|
|
height:100%;
|
||
|
|
overflow: auto;
|
||
|
|
border:1px solid orange;
|
||
|
|
}
|
||
|
|
.right
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.center{
|
||
|
|
flex:1;
|
||
|
|
height:100%;
|
||
|
|
border:1px solid orange;
|
||
|
|
}
|