pinGoodsInfo.wxss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. .goodsBox {
  2. position: relative;
  3. display: flex;
  4. align-items: center;
  5. padding: 30rpx;
  6. margin-bottom: 10rpx;
  7. background-color: #fff;
  8. }
  9. .goodsImg {
  10. width: 185rpx;
  11. height: 185rpx;
  12. border-radius: 5px;
  13. margin-right: 20rpx;
  14. }
  15. .goodsInfo {
  16. flex: 1;
  17. }
  18. .goodsInfo .title {
  19. color: #333;
  20. display: -webkit-box;
  21. -webkit-box-orient: vertical;
  22. -webkit-line-clamp: 2;
  23. overflow: hidden;
  24. margin-bottom: 20rpx;
  25. }
  26. .goodsInfo .price {
  27. font-size: 24rpx;
  28. color: #ff5344;
  29. font-weight: bold;
  30. margin-top: 20rpx;
  31. }
  32. .goodsInfo .price .big {
  33. font-size: 32rpx;
  34. margin-left: 2px;
  35. }
  36. .goodsInfo .tag,
  37. .identity {
  38. color: #fff;
  39. font-weight: normal;
  40. background-color: #ff5344;
  41. padding: 2rpx 15rpx 2rpx 10rpx;
  42. border-radius: 0 20rpx 20rpx 0;
  43. line-height: 1;
  44. font-size: 20rpx;
  45. }
  46. .goodsInfo .marked-price {
  47. font-size: 24rpx;
  48. color: #999;
  49. margin-top: 10rpx;
  50. text-decoration: line-through;
  51. font-weight: normal;
  52. margin-left: 6rpx;
  53. }
  54. .goodsInfo .price .num {
  55. font-weight: normal;
  56. color: #999;
  57. }
  58. .goodsInfo .price .tag {
  59. margin-left: 20rpx;
  60. }
  61. .identity {
  62. position: absolute;
  63. left: 30rpx;
  64. top: 50rpx;
  65. padding: 4rpx 10rpx 4rpx 8rpx;
  66. width: 45rpx;
  67. line-height: 1.1;
  68. border-radius: 0 40rpx 40rpx 0;
  69. }