mainpage.scss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. .home-container {
  2. width: 100%;
  3. height: 100%;
  4. overflow-x: hidden; //隐藏多余的页面
  5. .notice {
  6. margin: -70rpx 20rpx 20rpx 20rpx;
  7. }
  8. .card-box {
  9. display: flex;
  10. flex-flow: row wrap;
  11. margin: 0 20rpx 0 20rpx;
  12. justify-content: space-between;
  13. .card-item {
  14. margin: 2% 0;
  15. width: 48%;
  16. height: auto;
  17. display: flex;
  18. flex-direction: column;
  19. background-color: #FFF;
  20. // box-shadow: 0 4rpx 8rpx rgba(0, 0, 0, 0.05);
  21. border-radius: $card-border-radius;
  22. .card-info {
  23. display: flex;
  24. align-items: center;
  25. padding: 20rpx;
  26. z-index: 3;
  27. .info-text {
  28. font-size: 30rpx;
  29. font-weight: bold;
  30. color: #3B4144;
  31. margin-left: 10rpx;
  32. }
  33. }
  34. }
  35. }
  36. }
  37. .card-content {
  38. font-size: 38rpx;
  39. margin: 10rpx 0 10rpx 25rpx;
  40. color: $u-primary;
  41. font-weight: bold;
  42. }
  43. .home-title-text {
  44. display: flex;
  45. align-items: center;
  46. flex-wrap: wrap;
  47. margin: -10rpx 0 10rpx 0;
  48. }
  49. .msg {
  50. color: $color-title;
  51. margin-left: 30rpx;
  52. font-size: 26rpx;
  53. }
  54. .charts-box {
  55. width: 100%;
  56. height: 300rpx;
  57. padding-bottom: 20rpx;
  58. }
  59. .t-icon {
  60. width: 40rpx;
  61. height: 40rpx;
  62. }