ranking.wxss 551 B

123456789101112131415161718192021222324252627282930313233
  1. .list {
  2. display: flex;
  3. flex-direction: row;
  4. justify-content: space-between;
  5. padding: 5px;
  6. background-color: #fff;
  7. height: 50px;
  8. margin: 0 0 4px 0;
  9. }
  10. .list .rank {
  11. width: 50px;
  12. height: 50px;
  13. border-radius: 50%;
  14. background-color: #cccccc;
  15. text-align: center;
  16. line-height: 50px;
  17. color: #fff;
  18. font-size: 18px;
  19. font-weight: 700;
  20. }
  21. .list .rank_1 {
  22. background-color: #ffc400;
  23. }
  24. .list .rank_2 {
  25. background-color: #db9730;
  26. }
  27. .list .rank_3 {
  28. background-color: #ff724f;
  29. }
  30. .list .name {
  31. width: 75vw;
  32. line-height: 50px;
  33. }