抖音c端
Nie możesz wybrać więcej, niż 25 tematów Tematy muszą się zaczynać od litery lub cyfry, mogą zawierać myślniki ('-') i mogą mieć do 35 znaków.

commodityBox.ttss 2.1 KiB

2 lat temu
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  1. .commodityBox{
  2. width:96%;
  3. margin: 20rpx auto 0 auto;
  4. background-color: #ffffff;
  5. overflow: hidden;
  6. border-radius: 10rpx;
  7. }
  8. .commodiImg{
  9. float: left;
  10. width: 300rpx;
  11. height: 176rpx;
  12. border-radius: 10rpx;
  13. /* background-color: aqua; */
  14. margin: 20rpx;
  15. }
  16. .img{
  17. width: 300rpx;
  18. height: 176rpx;
  19. border-radius: 10rpx;
  20. }
  21. .textBox{
  22. width: 50%;
  23. float: left;
  24. margin-top: 20rpx;
  25. font-size: 28rpx;
  26. }
  27. .title{
  28. height: 80rpx;
  29. overflow:hidden;
  30. text-overflow:ellipsis;
  31. display:-webkit-box;
  32. -webkit-box-orient:vertical;
  33. -webkit-line-clamp:2;
  34. font-size: 30rpx;
  35. font-weight: 500;
  36. }
  37. .marketBox{
  38. overflow: hidden;
  39. height: 40rpx;
  40. }
  41. .progress{
  42. height: 20rpx;
  43. width: 46%;
  44. border-radius: 10rpx;
  45. float: left;
  46. background-color: #e6e6e6;
  47. margin-top: 10rpx;
  48. position: relative;
  49. overflow: hidden;
  50. }
  51. .progress_a{
  52. /* width: 20%; */
  53. height: 20rpx;
  54. /* border-radius: 10rpx; */
  55. background-color: #fb3e5c;
  56. position: absolute;
  57. top: 0;
  58. left: 0;
  59. }
  60. .progressText{
  61. float: right;
  62. width: 50%;
  63. font-size: 26rpx;
  64. color: #707070;
  65. }
  66. .payBox{
  67. overflow: hidden;
  68. }
  69. .payNumBox{
  70. float: left;
  71. /* overflow: hidden;
  72. height: 40rpx; */
  73. }
  74. .payIcon{
  75. font-size: 24rpx;
  76. float: left;
  77. color: #fb3e5c;
  78. line-height: 40rpx;
  79. }
  80. .price{
  81. height: 40rpx;
  82. line-height: 40rpx;
  83. float: left;
  84. font-size: 30rpx;
  85. color: #fb3e5c;
  86. }
  87. .original{
  88. font-size: 26rpx;
  89. color: #707070;
  90. text-decoration: line-through;
  91. }
  92. .payBtn{
  93. color: #fff;
  94. background:linear-gradient(to right,#fc3e5a,#f86883);
  95. float: right;
  96. margin-right: 10%;
  97. margin-top: 20rpx;
  98. height: 60rpx;
  99. line-height: 60rpx;
  100. width: 180rpx;
  101. text-align: center;
  102. border-radius: 60rpx;
  103. margin-bottom: 20rpx;
  104. }
  105. .noBtn{
  106. color: #fff;
  107. background:#e6e6e6;
  108. float: right;
  109. margin-right: 10%;
  110. margin-top: 20rpx;
  111. height: 60rpx;
  112. line-height: 60rpx;
  113. width: 180rpx;
  114. text-align: center;
  115. border-radius: 60rpx;
  116. margin-bottom: 20rpx;
  117. }