production.wxss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. @import "../../app.wxss";
  2. .prod-items {
  3. width: 375rpx;
  4. float: left;
  5. background: #fff;
  6. padding-bottom: 20rpx;
  7. box-sizing: border-box;
  8. }
  9. prod:nth-child(2n-1) .prod-items {
  10. padding: 20rpx 10rpx 10rpx 20rpx;
  11. }
  12. prod:nth-child(2n) .prod-items {
  13. padding: 20rpx 20rpx 10rpx 10rpx;
  14. }
  15. .hot-imagecont .hotsaleimg {
  16. width:345rpx;
  17. height:345rpx;
  18. }
  19. .hot-text .hotprod-text {
  20. height: 76rpx;
  21. font-size: 28rpx;
  22. display: -webkit-box;
  23. word-break: break-all;
  24. overflow: hidden;
  25. text-overflow: ellipsis;
  26. display: -webkit-box;
  27. -webkit-line-clamp: 2;
  28. -webkit-box-orient: vertical;
  29. color: #000;
  30. }
  31. .prod-items .hot-imagecont {
  32. border-radius: 8rpx;
  33. text-align: center;
  34. font-size: 0;
  35. }
  36. .prod-items .hot-text {
  37. margin-top: 20rpx;
  38. }
  39. .prod-items .hot-text .prod-info {
  40. font-size: 20rpx;
  41. color: #777;
  42. margin-top: 8rpx;
  43. }
  44. .prod-items .hot-text .prod-text-info {
  45. position: relative;
  46. height: 50rpx;
  47. line-height: 70rpx;
  48. font-family: Arial;
  49. }
  50. .prod-items .hot-text .prod-text-info .price {
  51. color: #eb2444;
  52. }
  53. .deadline-price{
  54. font-size: 22rpx;
  55. margin-right: 5rpx;
  56. }