index.wxss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. .item {
  2. background: #fff;
  3. overflow: hidden;
  4. border-top-left-radius: 20rpx;
  5. border-top-right-radius: 20rpx;
  6. }
  7. .distributionNum {
  8. height: 80rpx;
  9. font-size: 26rpx;
  10. color: #333;
  11. padding: 0 30rpx;
  12. border-top-left-radius: 20rpx;
  13. border-top-right-radius: 20rpx;
  14. border-bottom: 2rpx solid #e4e4e4;
  15. display: flex;
  16. align-items: center;
  17. justify-content: space-between;
  18. }
  19. .distributionNum .distributionTime {
  20. font-size: 24rpx;
  21. color: #666;
  22. }
  23. .distributionNum .statusName {
  24. font-size: 26rpx;
  25. color: #fe8464;
  26. }
  27. .spu {
  28. padding: 20rpx 30rpx;
  29. display: flex;
  30. justify-content: flex-start;
  31. }
  32. .spu .goodsImg {
  33. height: 120rpx;
  34. margin-right: 30rpx;
  35. }
  36. .spu .detail {
  37. font-size: 28rpx;
  38. color: #333;
  39. }
  40. .spu .detail .goodsName {
  41. color: #333;
  42. font-size: 28rpx;
  43. line-height: 40rpx;
  44. height: 80rpx;
  45. width: 540rpx;
  46. display: -webkit-box;
  47. -webkit-box-orient: vertical;
  48. -webkit-line-clamp: 2;
  49. overflow: hidden;
  50. text-overflow: initial;
  51. white-space: normal;
  52. }
  53. .spu .detail .commission {
  54. font-size: 24rpx;
  55. color: #999;
  56. line-height: 40rpx;
  57. }