107 lines
1.8 KiB
CSS
107 lines
1.8 KiB
CSS
|
page{
|
||
|
|
background: #F0F0F0;
|
||
|
|
}
|
||
|
|
/* 主体开始 */
|
||
|
|
.spectrum-block{
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
justify-content: flex-start;
|
||
|
|
}
|
||
|
|
.line-block{
|
||
|
|
height: 94rpx;
|
||
|
|
font-size: 30rpx;
|
||
|
|
color: #000000;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
justify-content: flex-start;
|
||
|
|
align-items: center;
|
||
|
|
padding: 0 40rpx;
|
||
|
|
box-sizing: border-box;
|
||
|
|
background: #FFFFFF;
|
||
|
|
}
|
||
|
|
/* tab选项开始 */
|
||
|
|
.tab-block{
|
||
|
|
height: 64rpx;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
justify-content: space-around;
|
||
|
|
align-items: flex-end;
|
||
|
|
background: #FFFFFF 100%;
|
||
|
|
margin-top: 2rpx;
|
||
|
|
}
|
||
|
|
.tab{
|
||
|
|
font-size: 28rpx;
|
||
|
|
color: #333333;
|
||
|
|
white-space: nowrap;
|
||
|
|
height: 64rpx;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
.tab-click{
|
||
|
|
font-size: 28rpx;
|
||
|
|
color: #3982FC;
|
||
|
|
white-space: nowrap;
|
||
|
|
border-bottom: solid 2rpx #3982FC;
|
||
|
|
height: 64rpx;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
/* tab选项结束 */
|
||
|
|
/* 画图开始 */
|
||
|
|
.echarts-block{
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
background: #FFFFFF;
|
||
|
|
}
|
||
|
|
.ec-canvas{
|
||
|
|
display: flex;
|
||
|
|
flex: 1;
|
||
|
|
}
|
||
|
|
.canvasView{
|
||
|
|
}
|
||
|
|
.legend-block{
|
||
|
|
height: 30rpx;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
.legend-block-left{
|
||
|
|
height: 30rpx;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
justify-content: flex-start;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
.legend-block-left-color{
|
||
|
|
height: 30rpx;
|
||
|
|
width: 30rpx;
|
||
|
|
background: #DAA520;
|
||
|
|
}
|
||
|
|
.legend-block-left-text{
|
||
|
|
font-size: 24rpx;
|
||
|
|
margin-left: 10rpx;
|
||
|
|
}
|
||
|
|
.legend-block-right{
|
||
|
|
height: 30rpx;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
justify-content: flex-start;
|
||
|
|
align-items: center;
|
||
|
|
margin-left: 20rpx;
|
||
|
|
}
|
||
|
|
.legend-block-right-color{
|
||
|
|
height: 30rpx;
|
||
|
|
width: 30rpx;
|
||
|
|
background: #2E8B57;
|
||
|
|
}
|
||
|
|
.legend-block-right-text{
|
||
|
|
font-size: 24rpx;
|
||
|
|
margin-left: 10rpx;
|
||
|
|
}
|
||
|
|
/* 画图结束 */
|
||
|
|
/* 主体结束 */
|