databox.scss 861 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. .data-box {
  2. display: flex;
  3. flex-direction: row;
  4. flex-wrap: wrap;
  5. margin: 40rpx 20rpx 0 20rpx;
  6. justify-content: space-between;
  7. .data-box-item {
  8. margin: 2% 0;
  9. display: flex;
  10. flex-direction: column;
  11. background-color: #0052d4;
  12. border-radius: $card-border-radius;
  13. width: 48%;
  14. height: auto;
  15. .item-text {
  16. font-size: 30rpx;
  17. font-weight: bold;
  18. color: #FFFFFF;
  19. margin: 30rpx 0 0 30rpx;
  20. }
  21. .item-number {
  22. font-size: 60rpx;
  23. margin: 20rpx 0 10rpx 30rpx;
  24. color: #FFFFFF;
  25. font-weight: bold;
  26. }
  27. .analysis-box{
  28. display: flex;
  29. align-items: center;
  30. padding: 0 15rpx 15rpx 15rpx;
  31. .t-icon {
  32. width: 100rpx;
  33. height: 100rpx;
  34. }
  35. .icon-text-item {
  36. font-size: 35rpx;
  37. font-weight: bold;
  38. color: #FFFFFF;
  39. margin-left: 20rpx;
  40. }
  41. }
  42. }
  43. }