77 lines
1.3 KiB
CSS
77 lines
1.3 KiB
CSS
/*计划产值*/
|
|
/*最外层大盒子*/
|
|
.outBox {
|
|
overflow-y: auto;
|
|
height: 540px;
|
|
/*border: 1px solid red;*/
|
|
/*background-color: green;*/
|
|
}
|
|
|
|
/*隐藏滚动条*/
|
|
.outBox::-webkit-scrollbar {
|
|
width: 0 !important
|
|
}
|
|
|
|
/*整个盒子*/
|
|
.allBox {
|
|
display: flex;
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
height: 90px;
|
|
}
|
|
|
|
/*时间年份*/
|
|
.planTime {
|
|
color: #FFFFFF;
|
|
width: 22%;
|
|
/*border: 1px solid purple;*/
|
|
}
|
|
/*比例*/
|
|
.planeScale {
|
|
width: 18%;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
color: #6cbafc;
|
|
text-align: center;
|
|
background: url('/images/plannePIc.png') no-repeat center/90% 100%;
|
|
}
|
|
/*进度条*/
|
|
.planeProgress {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
width: 60%;
|
|
height: 40px;
|
|
}
|
|
|
|
/*每一个进度条*/
|
|
.inBox {
|
|
display: flex;
|
|
align-items: center;
|
|
height: 8px;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
/*进度条盒子*/
|
|
.progressBox {
|
|
width: 65%;
|
|
border: 1px solid #1e537e;
|
|
padding: 2px;
|
|
}
|
|
/*进度条内容部分*/
|
|
.upActive{
|
|
width: 0px;
|
|
height:8px;
|
|
background-image:linear-gradient(to right, #2400e7,#0079ff);
|
|
}
|
|
.downActive{
|
|
width: 0px;
|
|
height: 8px;
|
|
background-image: linear-gradient(to right,#00927c,#00cccb);
|
|
}
|
|
/*数值*/
|
|
.planeData {
|
|
color: #6cbafc;
|
|
font-style: italic;
|
|
padding-left: 15px;
|
|
} |