sharingGoods.wxss 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  1. /* common.wxss */
  2. /* @import "/utils/common.wxss"; */
  3. /* 商品组 */
  4. .diy-sharingGoods {
  5. padding: 20rpx;
  6. }
  7. .goods-item {
  8. height: 320rpx;
  9. margin-bottom: 20rpx;
  10. padding: 20rpx;
  11. box-sizing: border-box;
  12. background: #fff;
  13. }
  14. .goods-item:last-child {
  15. margin-bottom: 0;
  16. }
  17. /* 商品图片 */
  18. .goods-item_left {
  19. display: flex;
  20. width: 40%;
  21. background: #fff;
  22. align-items: center;
  23. }
  24. .goods-item_left .image {
  25. display: block;
  26. width: 240rpx;
  27. height: 240rpx;
  28. }
  29. .goods-item_right {
  30. position: relative;
  31. width: 60%;
  32. }
  33. /* 商品名称 */
  34. .goods-item_right .goods-item_title {
  35. height: 72rpx;
  36. margin-top: 20rpx;
  37. font-size: 28rpx;
  38. line-height: 1.3;
  39. color: #333;
  40. }
  41. .goods-item_desc {
  42. margin-top: 16rpx;
  43. }
  44. /* 商品卖点 */
  45. .desc-selling_point {
  46. width: 400rpx;
  47. /* height: 40rpx; */
  48. font-size: 24rpx;
  49. line-height: 1.4;
  50. color: #ff495e;
  51. }
  52. /* 拼团信息 */
  53. .desc-situation {
  54. margin-top: 12rpx;
  55. font-size: 24rpx;
  56. line-height: 1.3;
  57. color: rgb(240, 60, 60);
  58. }
  59. .desc-situation .people {
  60. margin: 0 12rpx;
  61. }
  62. /* 商品价格 */
  63. .desc_footer {
  64. margin-top: 12rpx;
  65. font-size: 24rpx;
  66. }
  67. .desc_footer .price_x {
  68. margin-right: 16rpx;
  69. color: rgb(240, 60, 60);
  70. font-size: 28rpx;
  71. }
  72. .desc_footer .price_y {
  73. text-decoration: line-through;
  74. }
  75. /* 去拼团按钮 */
  76. .goods-item .btn-settlement {
  77. position: absolute;
  78. right: 0;
  79. bottom: 0;
  80. padding: 0 28rpx;
  81. border-radius: 40rpx;
  82. background: linear-gradient(to right, rgb(235, 53, 107) 0%, rgb(240, 60, 60) 100%);
  83. box-shadow: 0 4rpx 20rpx -4rpx rgb(235, 53, 107);
  84. font-size: 28rpx;
  85. line-height: 54rpx;
  86. text-align: center;
  87. color: #fff;
  88. }