C端小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

154 lines
2.6 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-bottom: 40rpx;
  10. }
  11. .rushtobuyimgs>view>text{
  12. font-weight: bold;
  13. }
  14. .xianshi{
  15. color: #F12643;
  16. font-weight: bold;
  17. font-size:34rpx;
  18. line-height: 34rpx;
  19. }
  20. .qianggou{
  21. color: #3D3737;
  22. font-weight: bold;
  23. font-size: 34rpx;
  24. line-height: 34rpx;
  25. }
  26. .xiaofei{
  27. color: #3D3737;
  28. padding-left:30rpx;
  29. font-size: 34rpx;
  30. }
  31. .subtitle{
  32. font-size:28rpx !important;
  33. color: #666666;
  34. font-weight:400 !important;
  35. margin-left: 15rpx;
  36. }
  37. .index-rushToBuy {
  38. width: 100%;
  39. font-family: PingFangSC-Semibold;
  40. }
  41. .index-rushToBuy-title {
  42. position: relative;
  43. font-size: 34rpx;
  44. color: #000000;
  45. letter-spacing: 1.16rpx;
  46. padding-top: 0;
  47. padding-left: 30rpx;
  48. font-weight: bold;
  49. }
  50. .index-rushToBuy-title text{
  51. float: right;
  52. margin-right: 20rpx;
  53. color: #999999;
  54. font-size: 24rpx;
  55. margin-top: 8rpx;
  56. font-weight: normal;
  57. }
  58. .index-rushToBuy-title image{
  59. position: absolute;
  60. right: 18rpx;
  61. width: 20px;
  62. top: 40rpx;
  63. }
  64. .index-scroll-view {
  65. width: 100%;
  66. white-space: nowrap;
  67. }
  68. .index-scroll-view .commodity {
  69. display: inline-block;
  70. margin: 20rpx 0 16rpx;
  71. margin-right: 0;
  72. position: relative;
  73. background: #fff;
  74. width: 334rpx;
  75. border-radius: 10rpx;
  76. overflow: hidden;
  77. }
  78. .index-scroll-view .commodity:last-child{
  79. margin-right: 30rpx;
  80. }
  81. .commodity-img{
  82. display: block;
  83. width: 314rpx;
  84. height: 174rpx;
  85. border-radius: 16rpx;
  86. border:1rpx solid #f5f5f5;
  87. }
  88. .index-scroll-view .commodity-info {
  89. padding:10rpx 0;
  90. overflow: hidden;
  91. }
  92. .commodity-info-name {
  93. font-size: 28rpx;
  94. line-height: 28rpx;
  95. color: #333;
  96. white-space: nowrap;
  97. text-overflow: ellipsis;
  98. overflow: hidden;
  99. width:318rpx;
  100. padding:16rpx 0;
  101. }
  102. .commodity-info-time {
  103. font-size: 28rpx;
  104. color: #B4B4B4;
  105. letter-spacing: 0.7rpx;
  106. line-height: 42rpx;
  107. font-weight: 500;
  108. }
  109. .commodity-info-price-p {
  110. font-size: 28rpx;
  111. color: #FF3232;
  112. line-height: 36rpx;
  113. font-weight:500;
  114. }
  115. .commodity-info-price-o {
  116. display: inline-block;
  117. padding-left: 20rpx;
  118. font-size: 24rpx;
  119. color: #B4B4B4;
  120. letter-spacing: 0.96rpx;
  121. text-decoration:line-through;
  122. line-height: 36rpx;
  123. }
  124. .commodity-info-price{
  125. line-height: 36rpx;
  126. }
  127. .remainingTime {
  128. font-size: 28rpx;
  129. color: #b4b4b4;
  130. }
  131. .realRemainingTime {
  132. color: #ff4949;
  133. font-size: 28rpx;
  134. }
  135. .more{
  136. float: right;
  137. line-height: 34rpx;
  138. color: #999999;
  139. font-size: 24rpx;
  140. font-weight: normal;
  141. }
  142. .title{
  143. padding: 20rpx 0;
  144. }