rank.wxss 940 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. /* pages/rank/rank.wxss */
  2. page{
  3. background: #F4F6F8;
  4. }
  5. .top{
  6. display: flex;
  7. font-size: 28rpx;
  8. padding: 24rpx 32rpx;
  9. background: #fff;
  10. margin-bottom: 20rpx;
  11. justify-content: space-between;
  12. }
  13. .item{
  14. display: flex;
  15. justify-content: space-between;
  16. font-size: 28rpx;
  17. padding: 16rpx 32rpx;
  18. }
  19. .item text{
  20. color: #333;
  21. }
  22. .item .red{
  23. color: #FF5151;
  24. }
  25. .top text{
  26. color: #999;
  27. }
  28. .item image{
  29. width: 36rpx;
  30. }
  31. .title image{
  32. width: 32rpx;
  33. position: relative;
  34. top: 7rpx;
  35. }
  36. .list{
  37. background: #fff;
  38. padding: 40rpx 0;
  39. margin-bottom: 20rpx;
  40. }
  41. .title{
  42. border-left: 4px solid #FF5151;
  43. color: #FF5151;
  44. font-size: 32rpx;
  45. font-weight: 500;
  46. padding-left: 20rpx;
  47. padding-right: 40rpx;
  48. margin-bottom: 20rpx;
  49. }
  50. .title navigator{
  51. float: right;
  52. color: #999;
  53. font-size: 28rpx;
  54. }
  55. .item text{
  56. display: block;
  57. }
  58. .name{
  59. width: 112rpx;
  60. overflow: hidden;
  61. text-overflow: ellipsis;
  62. white-space: nowrap;
  63. }