goods_item.wxss 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. .goods_item {
  2. background: #fff;
  3. font-size: 22rpx;
  4. width: 368rpx;
  5. overflow: hidden;
  6. margin-top: 6rpx;
  7. margin-left: 6rpx;
  8. }
  9. .goods_item .img {
  10. width: 367rpx;
  11. height: 367rpx;
  12. }
  13. .goods_item .goods_name {
  14. color: #4a4a4a;
  15. overflow: hidden;
  16. text-overflow:ellipsis;
  17. white-space: nowrap;
  18. }
  19. .goods_item .goods_desc {
  20. display: -webkit-box;
  21. -webkit-box-orient: vertical;
  22. -webkit-line-clamp: 2;
  23. overflow: hidden;
  24. color: #7e7e7e;
  25. min-height: 62rpx;
  26. }
  27. .goods_item .goods_box {
  28. padding: 12rpx;
  29. }
  30. .goods_item .goods_thumbnail {
  31. border-bottom: 1rpx solid #f9f9f9;
  32. }
  33. .goods_item .current_price {
  34. font-size: 28rpx;
  35. color: #ff4e4e;
  36. }
  37. .goods_item .original_price,.goods_item .discount {
  38. display: inline-block;
  39. position: relative;
  40. font-size: 18rpx;
  41. color:#7e7e7e;
  42. }
  43. .goods_item .original_price::after {
  44. content: "";
  45. position: absolute;
  46. top: 14rpx;
  47. left: 0;
  48. height: 1rpx;
  49. width: 100%;
  50. background: #7e7e7e;
  51. z-index: 5;
  52. }
  53. .goods_item .discount {
  54. float: right;
  55. }
  56. .goods_item .original_price {
  57. float: left;
  58. }
  59. .goods_item .deduction {
  60. overflow: hidden;
  61. }