ranking.wxss 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. page {
  2. background: #FF7256;
  3. }
  4. .nav {
  5. position: relative;
  6. margin: -88rpx 36rpx 0;
  7. text-align: center;
  8. border: 2rpx solid #FA853E;
  9. border-radius: 5rpx;
  10. overflow: hidden;
  11. }
  12. .nav .item {
  13. line-height: 66rpx;
  14. background-color: #ffffff;
  15. color: #FA853E;
  16. border-left: 2rpx solid #FA853E;
  17. }
  18. .nav .item:first-child {
  19. border: 0;
  20. }
  21. .nav .item.active {
  22. background: linear-gradient(0deg, #FD6F3D 0%, #FE8E4A 100%);
  23. color: #ffffff;
  24. }
  25. .list {
  26. margin: 20rpx 20rpx 80rpx;
  27. border-radius: 20rpx;
  28. }
  29. .th {
  30. font-weight: 400;
  31. color: #4D4D4D;
  32. font-size: 30rpx;
  33. }
  34. .th .item {
  35. padding: 30rpx 0;
  36. }
  37. .td {
  38. padding: 25rpx 0;
  39. }
  40. .num {
  41. font-size: 32rpx;
  42. color: #AFB9D7;
  43. font-weight: bold;
  44. }
  45. .icon {
  46. width:58rpx;
  47. height:58rpx;
  48. }
  49. .avatar {
  50. width:72rpx;
  51. height:72rpx;
  52. border-radius: 50%;
  53. margin-right: 10rpx;
  54. }
  55. .name {
  56. color: #333333;
  57. font-size: 30rpx;
  58. }
  59. .order {
  60. font-size: 32rpx;
  61. font-weight: bold;
  62. color: #FFB847;
  63. }
  64. .empty {
  65. font-size: 28rpx;
  66. font-weight: bold;
  67. line-height: 300rpx;
  68. color: #666666;
  69. }