databox.scss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  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: #0080ff;
  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. .item-number-mid {
  28. font-size: 54rpx;
  29. margin: 10rpx 0 10rpx 30rpx;
  30. color: #FFFFFF;
  31. font-weight: bold;
  32. }
  33. .item-number-mini{
  34. font-size: 34rpx;
  35. margin: 0rpx 0 10rpx 30rpx;
  36. color: #FFFFFF;
  37. font-weight: bold;
  38. }
  39. .analysis-box{
  40. display: flex;
  41. align-items: center;
  42. padding: 0 15rpx 15rpx 15rpx;
  43. .t-icon {
  44. width: 100rpx;
  45. height: 100rpx;
  46. }
  47. .icon-text-item {
  48. font-size: 35rpx;
  49. font-weight: bold;
  50. color: #FFFFFF;
  51. margin-left: 20rpx;
  52. }
  53. }
  54. }
  55. }