detail.wxss 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209
  1. @charset "UTF-8";
  2. .text-center.data-v-5ca9149c {
  3. text-align: center;
  4. }
  5. .font-weight.data-v-5ca9149c {
  6. font-weight: bold;
  7. }
  8. .page-width.data-v-5ca9149c {
  9. width: 100%;
  10. }
  11. .goods-hover-class.data-v-5ca9149c {
  12. opacity: .9;
  13. background-color: #f7f7f7;
  14. }
  15. .background-image.data-v-5ca9149c {
  16. background-repeat: no-repeat;
  17. background-size: 100% 100%;
  18. background-position: center;
  19. }
  20. /*全局文字大小*/
  21. /* 屏幕宽度*/
  22. page.data-v-5ca9149c {
  23. font-size: 32rpx;
  24. background: #f7f7f7;
  25. }
  26. .page-width.data-v-5ca9149c {
  27. width: 100%;
  28. }
  29. .u-hover-class.data-v-5ca9149c {
  30. opacity: .9;
  31. background-color: #f7f7f7;
  32. }
  33. .safe-area-inset-bottom.data-v-5ca9149c {
  34. padding-bottom: 0;
  35. padding-bottom: constant(safe-area-inset-bottom);
  36. padding-bottom: env(safe-area-inset-bottom);
  37. }
  38. .status.data-v-5ca9149c {
  39. height: 96rpx;
  40. line-height: 96rpx;
  41. background-color: #fff;
  42. padding: 0 24rpx;
  43. font-size: 24rpx;
  44. }
  45. .status.start.data-v-5ca9149c {
  46. height: 140rpx;
  47. padding-top: 30rpx;
  48. }
  49. .status .status-up.data-v-5ca9149c, .status .status-down.data-v-5ca9149c {
  50. height: 50rpx;
  51. line-height: 50rpx;
  52. font-size: 24rpx;
  53. width: 100%;
  54. }
  55. .status .status-up view.data-v-5ca9149c, .status .status-down view.data-v-5ca9149c {
  56. height: 50rpx;
  57. line-height: 50rpx;
  58. }
  59. .status .status-up .progress.data-v-5ca9149c, .status .status-down .progress.data-v-5ca9149c {
  60. width: 430rpx;
  61. background-color: #f0f0f0;
  62. border-radius: 10rpx;
  63. height: 20rpx;
  64. position: relative;
  65. overflow: hidden;
  66. }
  67. .status .status-up .progress view.data-v-5ca9149c, .status .status-down .progress view.data-v-5ca9149c {
  68. border-radius: 10rpx;
  69. height: 20rpx;
  70. position: absolute;
  71. top: 0;
  72. left: 0;
  73. z-index: 2;
  74. }
  75. .status .status-up .condition.data-v-5ca9149c, .status .status-down .condition.data-v-5ca9149c {
  76. font-size: 28rpx;
  77. color: #353535;
  78. }
  79. .status .status-up .status.data-v-5ca9149c, .status .status-down .status.data-v-5ca9149c {
  80. font-size: 26rpx;
  81. color: #ff4544;
  82. padding-right: 0;
  83. }
  84. .goods-list.data-v-5ca9149c {
  85. padding: 0 24rpx;
  86. }
  87. .goods-list .item.data-v-5ca9149c {
  88. height: 220rpx;
  89. width: 702rpx;
  90. margin-top: 20rpx;
  91. background-color: #fff;
  92. border-radius: 16rpx;
  93. position: relative;
  94. }
  95. .goods-list .item .goods-switch.data-v-5ca9149c {
  96. position: absolute;
  97. right: 24rpx;
  98. bottom: 24rpx;
  99. -webkit-transform: scale(0.7);
  100. transform: scale(0.7);
  101. }
  102. .goods-list .item .goods-cover.data-v-5ca9149c {
  103. -webkit-flex-shrink: 0;
  104. flex-shrink: 0;
  105. width: 220rpx;
  106. height: 220rpx;
  107. border-radius: 16rpx;
  108. margin-right: 20rpx;
  109. position: relative;
  110. }
  111. .goods-list .item .goods-cover .out-dialog.data-v-5ca9149c {
  112. width: 220rpx;
  113. height: 220rpx;
  114. border-radius: 16rpx;
  115. position: absolute;
  116. top: 0;
  117. left: 0;
  118. z-index: 10;
  119. background-color: rgba(0, 0, 0, 0.5);
  120. }
  121. .goods-list .item .goods-cover .out-dialog image.data-v-5ca9149c {
  122. width: 220rpx;
  123. height: 220rpx;
  124. border-radius: 16rpx;
  125. }
  126. .goods-list .item .goods-cover image.data-v-5ca9149c {
  127. width: 100%;
  128. height: 100%;
  129. border-radius: 16rpx;
  130. }
  131. .goods-list .item .goods-info.data-v-5ca9149c {
  132. padding-top: 20rpx;
  133. font-size: 20rpx;
  134. color: #666;
  135. }
  136. .goods-list .item .goods-info .goods-name.data-v-5ca9149c {
  137. font-size: 28rpx;
  138. width: 440rpx;
  139. color: #353535;
  140. }
  141. .goods-list .item .goods-info .goods-profit.data-v-5ca9149c {
  142. display: inline-block;
  143. padding: 0 4rpx;
  144. border: 2rpx solid;
  145. border-radius: 8rpx;
  146. margin: 12rpx 0 8rpx;
  147. font-size: 22rpx;
  148. height: 30rpx;
  149. line-height: 28rpx;
  150. }
  151. .goods-list .item .goods-info .goods-price.data-v-5ca9149c {
  152. font-size: 32rpx;
  153. }
  154. .u-bottom-height.data-v-5ca9149c {
  155. height: 130rpx;
  156. }
  157. .bottom-menu.data-v-5ca9149c {
  158. width: 100%;
  159. height: 110rpx;
  160. font-size: 20rpx;
  161. }
  162. .bottom-menu .menu-btn-area.data-v-5ca9149c {
  163. width: 50%;
  164. height: 110rpx;
  165. }
  166. .bottom-menu .menu-btn-area .menu-btn.data-v-5ca9149c {
  167. height: 110rpx;
  168. color: #999;
  169. border-right: 2rpx solid #e2e2e2;
  170. width: 25%;
  171. }
  172. .bottom-menu .menu-btn-area .menu-btn.data-v-5ca9149c:last-of-type {
  173. border-right: 0;
  174. }
  175. .bottom-menu .menu-btn-area .menu-btn image.data-v-5ca9149c {
  176. width: 40rpx;
  177. height: 40rpx;
  178. margin-bottom: 5rpx;
  179. }
  180. .bottom-menu .status-btn.data-v-5ca9149c {
  181. width: 50%;
  182. height: 110rpx;
  183. text-align: center;
  184. line-height: 110rpx;
  185. }
  186. .bottom-menu .status-btn .lose.data-v-5ca9149c {
  187. width: 100%;
  188. height: 100%;
  189. background-color: #999999;
  190. color: #fff;
  191. font-size: 28rpx;
  192. }
  193. .bottom-menu .status-btn .share.data-v-5ca9149c {
  194. width: 100%;
  195. height: 100%;
  196. line-height: 110rpx;
  197. color: #fff;
  198. border-radius: 0;
  199. font-size: 28rpx;
  200. }
  201. .u-bottom-fixed.data-v-5ca9149c {
  202. position: fixed;
  203. bottom: 0;
  204. left: 0;
  205. width: 100%;
  206. z-index: 1500;
  207. background-color: #ffffff;
  208. }