integralIndex.wxss 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. /* 积分中心 */
  2. .integral-index{
  3. padding: 20rpx 24rpx;
  4. background: #F6F6F6;
  5. min-height: 100vh;
  6. }
  7. .integral-index .num-box{
  8. background: #FFFFFF;
  9. border-radius: 16rpx 16rpx 16rpx 16rpx;
  10. display: flex;
  11. margin-bottom: 20rpx;
  12. }
  13. .integral-index .num-box .num-item{
  14. flex: 1;
  15. display: flex;
  16. flex-direction: column;
  17. align-items: center;
  18. }
  19. .integral-index .num-box .num-item .num{
  20. font-weight: bold;
  21. font-size: 40rpx;
  22. color: #222222;
  23. margin-top: 28rpx;
  24. }
  25. .integral-index .num-box .num-item .desc{
  26. font-size: 24rpx;
  27. color: #222222;
  28. padding: 12rpx 0 28rpx;
  29. }
  30. .integral-index .integral-list{
  31. background: #FFFFFF;
  32. border-radius: 16rpx 16rpx 16rpx 16rpx;
  33. padding: 28rpx 24rpx;
  34. }
  35. .integral-index .integral-list .title{
  36. font-weight: bold;
  37. font-size: 32rpx;
  38. color: #222222;
  39. }
  40. .integral-index .integral-list .item{
  41. border-bottom: 1rpx solid #F0F0F0;
  42. padding: 24rpx 0;
  43. }
  44. .integral-index .integral-list .item .title-box,.time-box{
  45. display: flex;
  46. justify-content: space-between;
  47. }
  48. .integral-index .integral-list .item .title-box .title{
  49. font-weight: bold;
  50. font-size: 28rpx;
  51. color: #222222;
  52. }
  53. .integral-index .integral-list .item .title-box .num{
  54. font-weight: bold;
  55. font-size: 28rpx;
  56. color: #FF4D3A;
  57. }
  58. .integral-index .integral-list .item .title-box .num.green{
  59. color: #42D86F;
  60. }
  61. .integral-index .integral-list .item .time-box{
  62. font-size: 24rpx;
  63. color: #AAAAAA;
  64. margin-top: 20rpx;
  65. }
  66. .empty {
  67. display: block;
  68. height: 200rpx;
  69. line-height: 200rpx;
  70. font-size: 30rpx;
  71. color: #888;
  72. text-align: center;
  73. }
  74. /* 加载完毕 */
  75. .all{
  76. height: 80rpx;
  77. line-height: 80rpx;
  78. margin-top: 30rpx;
  79. }