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.
143 lines
2.5 KiB
143 lines
2.5 KiB
.chart_box{
|
|
margin-top: 24rpx;
|
|
width: 686rpx;
|
|
height: 486rpx;
|
|
padding-top:32rpx ;
|
|
background: white;
|
|
}
|
|
.chart_title{
|
|
font-size: 36rpx;
|
|
font-weight: bold;
|
|
margin-left:32rpx ;
|
|
}
|
|
.table{
|
|
height: 380rpx;
|
|
width: 95%;
|
|
margin-left:16rpx ;
|
|
margin-top: 32rpx;
|
|
}
|
|
.table_pie{
|
|
height: 380rpx;
|
|
width: 60%;
|
|
/* margin-left:16rpx ; */
|
|
margin-top: 32rpx;
|
|
}
|
|
.top_box2{
|
|
margin-top: 24rpx;
|
|
width: 686rpx;
|
|
height: 1312rpx;
|
|
background:#ffffff;
|
|
border-radius: 8rpx;
|
|
padding-top:32rpx;
|
|
}
|
|
.top-title {
|
|
width: 100%;
|
|
font-size: 18px;
|
|
padding-left: 32rpx;
|
|
font-weight: 600;
|
|
color: #333333;
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
}
|
|
.rank_list{
|
|
margin-left: 32rpx;
|
|
margin-top: 16rpx;
|
|
}
|
|
.ranking{
|
|
display: flex;
|
|
justify-content: space-between;
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
color: #999999;
|
|
}
|
|
.ranking_cell{
|
|
height: 104rpx;
|
|
display: flex ; align-items: center;
|
|
}
|
|
.henxian{
|
|
height: 2rpx;
|
|
background:linear-gradient(to right,white, #f2f1f1,white);
|
|
}
|
|
.cloud_box{
|
|
margin-top: 24rpx;
|
|
width: 686rpx;
|
|
height: 884rpx;
|
|
background:#ffffff;
|
|
border-radius: 8rpx;
|
|
padding-top:32rpx;
|
|
}
|
|
.cloud_title {
|
|
width: 100%;
|
|
font-size: 18px;
|
|
padding-left: 32rpx;
|
|
font-weight: 600;
|
|
color: #333333;
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
}
|
|
.event_distribution{
|
|
height: 894rpx;
|
|
padding-top:32rpx ;
|
|
width: 686rpx;
|
|
background: #ffffff;
|
|
margin-top: 28rpx;
|
|
}
|
|
.circle-data {
|
|
width: 50%;
|
|
height: 340rpx;
|
|
}
|
|
.circle-data-item {
|
|
color: #999999;
|
|
font-size: 10px;
|
|
line-height: 10px;
|
|
width: 33%;
|
|
}
|
|
.circle-data-title {
|
|
font-size: 12px;
|
|
font-weight: 600;
|
|
color: #333333;
|
|
margin-top: 12rpx;
|
|
}
|
|
.top_box{
|
|
margin-top: 24rpx;
|
|
width: 686rpx;
|
|
height: 510rpx;
|
|
background:#ffffff;
|
|
border-radius: 8rpx;
|
|
padding-top:32rpx;
|
|
}
|
|
.info_box{
|
|
height: 200rpx;
|
|
margin-top: 22rpx;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.info_left{
|
|
width: 30%;
|
|
}
|
|
.info_right{
|
|
height: 100%;
|
|
display:flex;
|
|
width: 60%;
|
|
justify-content:space-evenly;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.list_box{
|
|
height: 50%;
|
|
width: 50%;
|
|
}
|
|
.top-title {
|
|
width: 100%;
|
|
font-size: 18px;
|
|
padding-left: 32rpx;
|
|
font-weight: 600;
|
|
color: #333333;
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
}
|
|
.evt-chart-item {
|
|
width: 100%;
|
|
height: 350rpx;
|
|
} |