C端小程序
Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.

195 řádky
3.3 KiB

  1. @import "../../../app.wxss";
  2. .rushtobuyimgs>view{
  3. display: inline-block;
  4. box-shadow:0 0 10px 0 rgba(211,211,211,0.50);
  5. border-radius:16rpx;
  6. }
  7. .rushtobuyimgs{
  8. padding: 0 30rpx;
  9. margin-top: 30rpx;
  10. }
  11. .rushtobuyimgs>view>text{
  12. font-weight: bold;
  13. }
  14. .rushtobuyimgs > view:nth-of-type(1){
  15. margin-right: 11rpx;
  16. }
  17. .xianshi{
  18. color: #F12643;
  19. font-weight: bold;
  20. font-size:34rpx;
  21. line-height: 34rpx;
  22. }
  23. .qianggou{
  24. color: #3D3737;
  25. font-weight: bold;
  26. font-size: 34rpx;
  27. line-height: 34rpx;
  28. }
  29. .xiaofei{
  30. color: #3D3737;
  31. padding-left:30rpx;
  32. font-size: 34rpx;
  33. }
  34. .subtitle{
  35. font-size:28rpx !important;
  36. color: #666666;
  37. font-weight:400 !important;
  38. margin-left: 15rpx;
  39. }
  40. .index-rushToBuy {
  41. width: 100%;
  42. font-family: PingFangSC-Semibold;
  43. }
  44. .index-rushToBuy-title {
  45. position: relative;
  46. font-size: 34rpx;
  47. color: #000000;
  48. letter-spacing: 1.16rpx;
  49. padding-top: 0;
  50. padding-left: 30rpx;
  51. font-weight: bold;
  52. }
  53. .index-rushToBuy-title text{
  54. float: right;
  55. margin-right: 20rpx;
  56. color: #999999;
  57. font-size: 24rpx;
  58. margin-top: 8rpx;
  59. font-weight: normal;
  60. }
  61. .index-rushToBuy-title image{
  62. position: absolute;
  63. right: 18rpx;
  64. width: 20px;
  65. top: 40rpx;
  66. }
  67. .index-scroll-view {
  68. width: 100%;
  69. white-space: nowrap;
  70. }
  71. .index-scroll-view .commodity {
  72. display: inline-block;
  73. margin: 20rpx 0 16rpx;
  74. margin-right: 0;
  75. position: relative;
  76. background: #fff;
  77. width: 334rpx;
  78. border-radius: 10rpx;
  79. overflow: hidden;
  80. }
  81. .index-scroll-view .commodity:last-child{
  82. margin-right: 30rpx;
  83. }
  84. .commodity-img{
  85. display: block;
  86. width: 314rpx;
  87. height: 174rpx;
  88. border-radius: 16rpx;
  89. border:1rpx solid #f5f5f5;
  90. }
  91. .index-scroll-view .commodity-info {
  92. padding:10rpx 0;
  93. overflow: hidden;
  94. }
  95. .commodity-info-name {
  96. font-size: 28rpx;
  97. line-height: 28rpx;
  98. color: #333;
  99. white-space: nowrap;
  100. text-overflow: ellipsis;
  101. overflow: hidden;
  102. width:318rpx;
  103. padding:16rpx 0;
  104. }
  105. .commodity-info-time {
  106. font-size: 28rpx;
  107. color: #B4B4B4;
  108. letter-spacing: 0.7rpx;
  109. line-height: 42rpx;
  110. font-weight: 500;
  111. }
  112. .commodity-info-price-p {
  113. font-size: 28rpx;
  114. color: #FF3232;
  115. line-height: 36rpx;
  116. font-weight:500;
  117. }
  118. .commodity-info-price-o {
  119. display: inline-block;
  120. padding-left: 20rpx;
  121. font-size: 24rpx;
  122. color: #B4B4B4;
  123. letter-spacing: 0.96rpx;
  124. text-decoration:line-through;
  125. line-height: 36rpx;
  126. }
  127. .commodity-info-price{
  128. line-height: 36rpx;
  129. }
  130. .remainingTime {
  131. font-size: 28rpx;
  132. color: #b4b4b4;
  133. }
  134. .realRemainingTime {
  135. color: #ff4949;
  136. font-size: 28rpx;
  137. }
  138. .more{
  139. float: right;
  140. line-height: 34rpx;
  141. color: #999999;
  142. font-size: 24rpx;
  143. font-weight: normal;
  144. }
  145. .title{
  146. padding: 20rpx 0;
  147. }
  148. .clock {
  149. width: 116rpx !important;
  150. vertical-align: middle;
  151. margin-right: 10rpx;
  152. margin-top: -4rpx;
  153. }
  154. .qiang {
  155. position: inline-block;
  156. width: 60rpx;
  157. height: 40rpx;
  158. line-height: 40rpx;
  159. color: #ff4949;
  160. text-align: center;
  161. font-size: 28rpx;
  162. margin-right: 10rpx;
  163. }
  164. .times {
  165. display: inline-block;
  166. color: #ff4949;
  167. font-weight: bold;
  168. font-size: 26rpx;
  169. text-align: center;
  170. }
  171. .times text {
  172. display: inline-block;
  173. margin: 6rpx;
  174. height: 56rpx;
  175. padding: 0 6rpx;
  176. text-align: center;
  177. font-size: 28rpx;
  178. line-height: 60rpx;
  179. border-radius: 12rpx;
  180. color: #fff;
  181. font-weight: bold;
  182. background: #ff4949;
  183. }