index.wxss 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. .like {
  2. margin-bottom: 100rpx;
  3. }
  4. .like-title {
  5. font-size: 30rpx;
  6. text-align: center;
  7. font-weight: bold;
  8. color: #666;
  9. margin-bottom: 20rpx;
  10. }
  11. .like-list {
  12. position: relative;
  13. padding: 20rpx;
  14. display: flex;
  15. justify-content: space-between;
  16. flex-wrap: wrap;
  17. z-index: 0;
  18. }
  19. .new-comers-item {
  20. background-color: #fff;
  21. width: 345rpx;
  22. box-sizing: border-box;
  23. padding: 30rpx;
  24. border-radius: 10px;
  25. font-size: 28rpx;
  26. margin-bottom: 20rpx;
  27. }
  28. .new-comers-item .new-img {
  29. width: 285rpx;
  30. height: 285rpx;
  31. margin-bottom: 20rpx;
  32. }
  33. .new-comers-item .title {
  34. overflow: hidden;
  35. text-overflow: ellipsis;
  36. white-space: nowrap;
  37. }
  38. .new-comers-item .new-bot {
  39. display: flex;
  40. justify-content: space-between;
  41. align-items: center;
  42. margin-top: 10rpx;
  43. }
  44. .new-comers-item .add-cart {
  45. width: 44rpx;
  46. height: 44rpx;
  47. padding: 0;
  48. margin: 0;
  49. }
  50. .new-comers-item .add-cart .img {
  51. width: 44rpx;
  52. height: 44rpx;
  53. display: block;
  54. }
  55. .new-comers-item .price {
  56. color: #ff5041;
  57. }
  58. .new-comers-item {
  59. position: relative;
  60. }
  61. .new-comers-item .act-end {
  62. position: absolute;
  63. height: 60rpx;
  64. border-radius: 10rpx;
  65. background: rgba(0, 0, 0, 0.5);
  66. color: #fff;
  67. font-size: 28rpx;
  68. text-align: center;
  69. line-height: 60rpx;
  70. left: 50%;
  71. top: 120rpx;
  72. padding: 0 12rpx;
  73. transform: translateX(-50%);
  74. }
  75. .i-number-img {
  76. font-size: 44rpx!important;
  77. }