| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384 |
- page {
- background-color: #f5f5f5;
- }
- .index {
- font-family: 'PingFangSC-regular';
- &-header {
- height: 250rpx;
- background-color: #5290FF;
- padding: 30rpx;
- display: flex;
- justify-content: space-between;
- &-left {
- color: #fff;
- font-size: 40rpx;
- view {
- &:last-child {
- margin-top: 20rpx;
- font-size: 28rpx;
- font-family: 'PingFangSC-bold';
- }
- }
- }
- &-right {
- margin-right: 30rpx;
- height: 60rpx;
- }
- }
- &-statistics {
- padding: 0 30rpx;
- &-list {
- background-color: #fff;
- border: solid 1px rgba(255, 0, 0, 0);
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 44rpx 80rpx;
- border-radius: 20rpx;
- margin-top: -96rpx;
- &-item {
- text-align: center;
- view {
- color: #999898;
- font-size: 26rpx;
- &:first-child {
- color: #101010;
- font-size: 60rpx;
- font-family: 'PingFangSC-bold';
- }
- }
- }
- }
- }
- &-device {
- padding: 40rpx 30rpx;
- background-color: #fff;
- margin-top: 20rpx;
- &-info {
- &-title {
- font-size: 36rpx;
- color: #333;
- font-family: 'PingFangSC-bold';
- font-weight: 600;
- }
- &-menu {
- display: flex;
- .item {
- width: 160rpx;
- padding: 60rpx 0;
- text-align: center;
- .image {
- display: inline-block;
- }
- view {
- &:last-child {
- font-size: 24rpx;
- color: #101010;
- margin-top: 6rpx;
- }
- }
- }
- }
- }
- }
- }
|
