68 lines
806 B
CSS
68 lines
806 B
CSS
body, html {
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
|
|
.top {
|
|
display: flex;
|
|
flex: 1;
|
|
}
|
|
|
|
.top-left, .top-right {
|
|
flex: 1;
|
|
padding: 20px;
|
|
}
|
|
|
|
.top-right {
|
|
padding: 0px;
|
|
}
|
|
|
|
.top-left-up{
|
|
display: flex;
|
|
height: 14%;
|
|
}
|
|
.top-left-down{
|
|
display: flex;
|
|
height: 86%;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.data{
|
|
display: flex;
|
|
flex: 1;
|
|
/*border: 1px solid #401f54;*/
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
color: whitesmoke;
|
|
font-size: 16px;
|
|
}
|
|
.data-title{
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
|
|
.bottom {
|
|
display: flex;
|
|
flex: 1;
|
|
}
|
|
|
|
.bottom-left, .bottom-middle, .bottom-right {
|
|
flex: 1;
|
|
/*padding: 20px;*/
|
|
/*border: 2px solid red; !* 添加边框属性 *!*/
|
|
}
|
|
.echarts1{
|
|
height: 100%;
|
|
width: 100%;
|
|
} |