| 1 |
- .meter-index{padding:30rpx}.meter-index .meter-box{background:#fff;padding:30rpx;border-radius:16rpx;box-shadow:0 1px 12px rgba(3,3,3,.08)}.meter-index .meter-box .title{font-size:40rpx;font-weight:500}.meter-index .meter-box .sub-title{font-size:24rpx;color:#8c8c8c;font-weight:200}.meter-index .meter-box .meter-box-content{display:flex;align-items:center;padding:80rpx 0 40rpx 0}.meter-index .meter-box .meter-box-list{flex:1;width:0;overflow:hidden}.meter-index .meter-box .content-item{margin-bottom:20rpx}.meter-index .meter-box .content-item-title{display:flex;align-items:center}.meter-index .meter-box .content-item-title .content-item-icon{width:60rpx;height:60rpx;text-align:center;line-height:60rpx}.meter-index .meter-box .content-item-title .label{font-size:24rpx;font-weight:300;margin-left:10rpx}.meter-index .meter-box .content-item-article{display:flex;align-items:flex-end;padding-left:70rpx;padding-top:10rpx}.meter-index .meter-box .content-item-article .number{font-size:40rpx;line-height:40rpx}.meter-index .meter-box .content-item-article .unit{color:#8c8c8c;margin-left:8rpx;font-size:24rpx}.meter-index .meter-box .meter-image{width:200rpx;height:200rpx;margin-right:40rpx}.meter-index .meter-charts{margin-top:30rpx;background:#fff;padding:30rpx;border-radius:16rpx;box-shadow:0 1px 12px rgba(3,3,3,.08)}.meter-index .meter-charts .meter-chart-title{padding-bottom:30rpx;font-size:32rpx;font-weight:500}.meter-index .meter-charts .meter-chart-box{width:100%;height:300rpx}
|
