抖音小程序C端
No puede seleccionar más de 25 temas Los temas deben comenzar con una letra o número, pueden incluir guiones ('-') y pueden tener hasta 35 caracteres de largo.

174 líneas
3.1 KiB

  1. .LsitBox{
  2. width: 94%;
  3. margin: 2rpx auto;
  4. overflow: hidden;
  5. background-color: #f4f5f9;;
  6. }
  7. .wBox{
  8. margin: 30rpx auto;
  9. }
  10. .itemBox{
  11. overflow: hidden;
  12. background-color: #fff;
  13. border-radius: 16rpx;
  14. }
  15. .imgBox{
  16. width: 200rpx;
  17. height: 200rpx;
  18. border-radius: 8px;
  19. overflow: hidden;
  20. float: left;
  21. margin: 12rpx 0 12rpx 20rpx;
  22. position: relative;
  23. }
  24. .num{
  25. width: 40rpx;
  26. height: 40rpx;
  27. text-align: center;
  28. background-color: rgba(0, 0, 0, 0.5);
  29. line-height: 40rpx;
  30. text-align: center;
  31. color: #fff;
  32. position: absolute;
  33. top: 0;
  34. left: 0;
  35. font-size: 24rpx;
  36. }
  37. .img{
  38. width: 100%;
  39. height: 100%;
  40. }
  41. .dataBox{
  42. width: 420rpx;
  43. height: 240rpx;
  44. float: left;
  45. margin-left: 20rpx;
  46. position: relative;
  47. }
  48. .titleName{
  49. color: #402e1e;
  50. font-size: 15px;
  51. font-family: "PingFangSC-Regular";
  52. font-weight: 400;
  53. width: 100%;
  54. font-size: 14px;
  55. display: -webkit-box;
  56. -webkit-line-clamp: 2;
  57. -webkit-box-orient: vertical;
  58. overflow: hidden;
  59. text-overflow: ellipsis;
  60. margin: 20rpx 0 0 0;
  61. /* height: 80rpx; */
  62. }
  63. .subTitleC{
  64. color: #402e1e;
  65. font-size: 24rpx;
  66. margin: 10rpx 0 0 0;
  67. display: -webkit-box;
  68. -webkit-line-clamp: 1;
  69. -webkit-box-orient: vertical;
  70. overflow: hidden;
  71. text-overflow: ellipsis;
  72. }
  73. .subTitle{
  74. color: #a6a6a6;
  75. font-size: 24rpx;
  76. margin: 10rpx 0 0 0;
  77. display: -webkit-box;
  78. -webkit-line-clamp: 1;
  79. -webkit-box-orient: vertical;
  80. overflow: hidden;
  81. text-overflow: ellipsis;
  82. }
  83. .priceBox{
  84. overflow: hidden;
  85. margin-top: 10rpx;
  86. }
  87. .rmb{
  88. color: #d5af67;
  89. font-size: 24rpx;
  90. line-height: 40rpx;
  91. float: left;
  92. }
  93. .pri01{
  94. font-size: 32rpx;
  95. color: #d5af67;
  96. letter-spacing: 0;
  97. line-height: 40rpx;
  98. float: left;
  99. margin-left: 10rpx;
  100. }
  101. .throgh{
  102. text-decoration: line-through;
  103. margin-left: 10rpx;
  104. color: #999 !important;
  105. line-height: 40rpx;
  106. font-size: 28rpx;
  107. float: left;
  108. }
  109. .progressBox{
  110. height: 30rpx;
  111. width: 240rpx;
  112. overflow: hidden;
  113. border-radius: 20rpx;
  114. background-color: #d8d8d8;
  115. margin-top: 16rpx;
  116. position: relative;
  117. }
  118. .schedule{
  119. float: left;
  120. height: 30rpx;
  121. border-radius: 20rpx;
  122. text-align: center;
  123. color: #fff;
  124. height: 30rpx;
  125. font-size: 24rpx;
  126. background-color: #d5af67;
  127. }
  128. .scheduleText{
  129. position: absolute;
  130. top: 0;
  131. left: 20rpx;
  132. font-size: 20rpx;
  133. color: #fff;
  134. }
  135. .goPay{
  136. position: absolute;
  137. bottom: 14rpx;
  138. right: 0rpx;
  139. background-color: #d5af67;
  140. color: #fff;
  141. font-size: 28rpx;
  142. text-align: center;
  143. line-height: 28rpx;
  144. padding: 12rpx 16rpx;
  145. border-radius: 40rpx;
  146. }
  147. .noDet{
  148. text-align: center;
  149. line-height: 40rpx;
  150. font-size: 24rpx;
  151. color: #a6a6a6;
  152. }
  153. .upDataBox{
  154. width: 100%;
  155. position: fixed;
  156. bottom: 0;
  157. left: 0;
  158. background-color: #fff;
  159. height: 120rpx;
  160. }
  161. .upData{
  162. width: 70%;
  163. margin: 10rpx auto 0 auto;
  164. text-align: center;
  165. height: 80rpx;
  166. line-height: 80rpx;
  167. border: 2rpx #d5af67 solid;
  168. border-radius: 50rpx;
  169. color: #d5af67;
  170. font-size: 32rpx;
  171. }