list.wxss 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  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. .list .note{
  43. font-size:22rpx;
  44. padding:10rpx 30rpx;
  45. color:#999;
  46. }
  47. .title{
  48. border-left: 4px solid #FF5151;
  49. color: #FF5151;
  50. font-size: 32rpx;
  51. font-weight: 500;
  52. padding-left: 20rpx;
  53. padding-right: 40rpx;
  54. margin-bottom: 20rpx;
  55. }
  56. .title navigator{
  57. float: right;
  58. color: #999;
  59. font-size: 28rpx;
  60. }
  61. .item text{
  62. display: block;
  63. }
  64. .name{
  65. width: 112rpx;
  66. overflow: hidden;
  67. text-overflow: ellipsis;
  68. white-space: nowrap;
  69. }