index.module.less 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. .cell {
  2. padding: 13px 12px;
  3. .top {
  4. display: flex;
  5. align-items: center;
  6. justify-content: space-between;
  7. }
  8. .timer {
  9. display: flex;
  10. align-items: center;
  11. font-size: 13px;
  12. color: #666666;
  13. line-height: 18px;
  14. img {
  15. width: 16px;
  16. height: 16px;
  17. margin-right: 6px;
  18. }
  19. }
  20. .userInfo {
  21. display: flex;
  22. align-items: flex-end;
  23. img {
  24. width: 20px;
  25. height: 20px;
  26. border-radius: 20px;
  27. margin-left: 4px;
  28. }
  29. .name {
  30. font-size: 13px;
  31. color: #333333;
  32. line-height: 18px;
  33. max-width: 60px;
  34. overflow: hidden;
  35. text-overflow: ellipsis;
  36. white-space: nowrap;
  37. }
  38. }
  39. .content {
  40. display: flex;
  41. // align-items: center;
  42. padding-top: 12px;
  43. }
  44. .cover {
  45. width: 90px;
  46. height: 51px;
  47. border-radius: 4px;
  48. overflow: hidden;
  49. flex-shrink: 0;
  50. margin-right: 10px;
  51. }
  52. .cover1 {
  53. width: 51px;
  54. }
  55. .info {
  56. // flex: 1;
  57. display: flex;
  58. flex-direction: column;
  59. justify-content: space-between;
  60. padding: 1px 0;
  61. .iTitle {
  62. font-weight: 600;
  63. font-size: 14px;
  64. color: #333333;
  65. line-height: 17px;
  66. // width: 100%;
  67. max-width: 220px;
  68. overflow: hidden;
  69. text-overflow: ellipsis;
  70. white-space: nowrap;
  71. }
  72. .iPrice {
  73. font-size: 13px;
  74. color: #777777;
  75. line-height: 17px;
  76. display: flex;
  77. align-items: center;
  78. .price {
  79. font-family: DIN;
  80. font-weight: bold;
  81. font-size: 18px;
  82. color: #ff5a56;
  83. line-height: 16px;
  84. i {
  85. font-style: normal;
  86. font-size: 14px;
  87. }
  88. }
  89. }
  90. }
  91. }