list.wxss 967 B

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