rank.wxss 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. /* pages/user/rank.wxss */
  2. .rank_content {
  3. margin-top: 34rpx;
  4. }
  5. .rank_item {
  6. align-items: center;
  7. background-color: #fff;
  8. border-bottom: 2rpx solid #fafafa;
  9. display: flex;
  10. height: 152rpx;
  11. padding: 0 48rpx 0 30rpx;
  12. }
  13. .rank_item:nth-child(1) .rank_order {
  14. background-color: #FE663C;
  15. }
  16. .rank_item:nth-child(2) .rank_order {
  17. background-color: #EFCA14;
  18. }
  19. .rank_item:nth-child(3) .rank_order {
  20. background-color: #C19C6E;
  21. }
  22. .rank_order {
  23. background-color: #b0b0b0;
  24. border-radius: 50%;
  25. color: #fff;
  26. font-size: 24rpx;
  27. height: 36rpx;
  28. line-height: 36rpx;
  29. text-align: center;
  30. width: 36rpx;
  31. }
  32. .rank_avatar {
  33. border-radius: 50%;
  34. height: 92rpx;
  35. margin: 0 16rpx 0 28rpx;
  36. width: 92rpx;
  37. }
  38. .rank_info {
  39. flex: 1;
  40. overflow: hidden;
  41. }
  42. .rank_my {
  43. align-items: center;
  44. background-color: #fff;
  45. box-shadow: 0 2px 12px 0 rgba(0,0,0,0.10);
  46. border-radius: 14rpx;
  47. display: flex;
  48. font-size: 36rpx;
  49. height: 114rpx;
  50. justify-content: center;
  51. margin: 31rpx auto;
  52. text-align: center;
  53. width: 668rpx;
  54. }
  55. .rank_my image {
  56. height: 56rpx;
  57. margin-right: 34rpx;
  58. width: 56rpx;
  59. }
  60. .rank_my text {
  61. color: #FD0808;
  62. font-weight: bold;
  63. margin-left: 34rpx;
  64. }
  65. .rank_nickname {
  66. color: #333;
  67. display: block;
  68. font-size: 28rpx;
  69. overflow: hidden;
  70. text-overflow: ellipsis;
  71. white-space: nowrap;
  72. }
  73. .rank_text {
  74. color: #999;
  75. font-size: 24rpx;
  76. }
  77. .rank_price {
  78. color: #FE663C;
  79. font-size: 36rpx;
  80. }