goods.wxss 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238
  1. @charset "UTF-8";
  2. .text-center.data-v-ff8c7b5a {
  3. text-align: center;
  4. }
  5. .font-weight.data-v-ff8c7b5a {
  6. font-weight: bold;
  7. }
  8. .page-width.data-v-ff8c7b5a {
  9. width: 100%;
  10. }
  11. .goods-hover-class.data-v-ff8c7b5a {
  12. opacity: .9;
  13. background-color: #f7f7f7;
  14. }
  15. .background-image.data-v-ff8c7b5a {
  16. background-repeat: no-repeat;
  17. background-size: 100% 100%;
  18. background-position: center;
  19. }
  20. /*全局文字大小*/
  21. /* 屏幕宽度*/
  22. page.data-v-ff8c7b5a {
  23. font-size: 32rpx;
  24. background: #f7f7f7;
  25. }
  26. .page-width.data-v-ff8c7b5a {
  27. width: 100%;
  28. }
  29. .u-hover-class.data-v-ff8c7b5a {
  30. opacity: .9;
  31. background-color: #f7f7f7;
  32. }
  33. .safe-area-inset-bottom.data-v-ff8c7b5a {
  34. padding-bottom: 0;
  35. padding-bottom: constant(safe-area-inset-bottom);
  36. padding-bottom: env(safe-area-inset-bottom);
  37. }
  38. .goods-name.data-v-ff8c7b5a {
  39. padding: 24rpx;
  40. background-color: #ffffff;
  41. color: #353535;
  42. }
  43. .goods-subtitle.data-v-ff8c7b5a {
  44. padding: 24rpx;
  45. padding-top: 0;
  46. font-size: 24rpx;
  47. background-color: #ffffff;
  48. color: #999999;
  49. }
  50. .attr.data-v-ff8c7b5a {
  51. padding: 24rpx 0;
  52. background-color: #f7f7f7;
  53. }
  54. .recommend .recommend-title.data-v-ff8c7b5a {
  55. margin: 40rpx 0 32rpx 0;
  56. font-size: 24rpx;
  57. color: #999999;
  58. }
  59. .recommend .recommend-title .border.data-v-ff8c7b5a {
  60. border-top: 1rpx solid #bbbbbb;
  61. height: 0;
  62. width: 40rpx;
  63. margin: 0 24rpx;
  64. }
  65. .recommend .recommend-title image.data-v-ff8c7b5a {
  66. width: 24rpx;
  67. height: 24rpx;
  68. display: block;
  69. margin-right: 12rpx;
  70. }
  71. .shop-btn.data-v-ff8c7b5a {
  72. height: 64rpx;
  73. border: 1px solid #cdcdcd;
  74. color: #666666;
  75. background: #FFFFFF;
  76. width: 146rpx;
  77. line-height: 64rpx;
  78. border-radius: 32rpx;
  79. text-align: center;
  80. }
  81. .bd-bottom.data-v-ff8c7b5a {
  82. height: 110rpx;
  83. width: 750rpx;
  84. padding: 20rpx 24rpx;
  85. }
  86. .bd-back.data-v-ff8c7b5a {
  87. width: 66rpx;
  88. height: 100%;
  89. margin-right: 20rpx;
  90. font-size: 20rpx;
  91. color: #888888;
  92. }
  93. .bd-icon.data-v-ff8c7b5a {
  94. width: 30rpx;
  95. height: 30rpx;
  96. }
  97. .bd-button.data-v-ff8c7b5a {
  98. text-align: center;
  99. line-height: 70rpx;
  100. font-size: 26rpx;
  101. border-radius: 35rpx;
  102. width: 50%;
  103. }
  104. .bd-btn-left.data-v-ff8c7b5a {
  105. border-top-right-radius: 0;
  106. border-bottom-right-radius: 0;
  107. }
  108. .bd-btn-right.data-v-ff8c7b5a {
  109. border-top-left-radius: 0;
  110. border-bottom-left-radius: 0;
  111. border-top-right-radius: 35rpx;
  112. border-bottom-right-radius: 35rpx;
  113. color: #ffffff;
  114. }
  115. .bd-btn.data-v-ff8c7b5a {
  116. color: #ffffff;
  117. width: 100%;
  118. text-align: center;
  119. line-height: 70rpx;
  120. font-size: 26rpx;
  121. border-radius: 35rpx;
  122. }
  123. .comments.data-v-ff8c7b5a {
  124. margin-bottom: 20rpx;
  125. background-color: #ffffff;
  126. }
  127. .detail.data-v-ff8c7b5a {
  128. background-color: #ffffff;
  129. }
  130. .detail image.data-v-ff8c7b5a {
  131. width: 100%;
  132. height: 80rpx;
  133. display: block;
  134. }
  135. .shop-info-1.data-v-ff8c7b5a {
  136. border-radius: 15rpx;
  137. }
  138. .shop-info-2.data-v-ff8c7b5a {
  139. border-radius: 15rpx 15rpx 0 0;
  140. }
  141. .shop-info.data-v-ff8c7b5a {
  142. height: 124rpx;
  143. color: #999999;
  144. font-size: 24rpx;
  145. background: #FFFFFF;
  146. width: 702rpx;
  147. margin: 24rpx 24rpx 0 24rpx;
  148. }
  149. .shop-info > image.data-v-ff8c7b5a {
  150. border-radius: 8rpx;
  151. margin: 0 20rpx;
  152. height: 80rpx;
  153. width: 80rpx;
  154. }
  155. .shop-info .store-name.data-v-ff8c7b5a {
  156. line-height: 1.5em;
  157. font-size: 32rpx;
  158. color: #353535;
  159. margin-bottom: 16rpx;
  160. }
  161. .shop-info .store-num.data-v-ff8c7b5a {
  162. margin-right: 32rpx;
  163. }
  164. .shop-info .contain.data-v-ff8c7b5a {
  165. width: 152rpx;
  166. height: 100%;
  167. }
  168. .shop-info .contain image.data-v-ff8c7b5a {
  169. height: 40rpx;
  170. width: 40rpx;
  171. display: block;
  172. }
  173. .shop-info .contain view.data-v-ff8c7b5a {
  174. margin-top: 8rpx;
  175. }
  176. .shop-info .store-btn.data-v-ff8c7b5a {
  177. margin: 0 20rpx;
  178. }
  179. .shop-address.data-v-ff8c7b5a {
  180. width: 702rpx;
  181. margin: 0 24rpx 24rpx 24rpx;
  182. padding: 20rpx;
  183. font-size: 24rpx;
  184. background: #FFFFFF;
  185. border-radius: 0 0 15rpx 15rpx;
  186. }
  187. .shop-address .address.data-v-ff8c7b5a {
  188. color: #666666;
  189. max-height: 560rpx;
  190. }
  191. .shop-address .km.data-v-ff8c7b5a {
  192. color: #999999;
  193. margin-top: 10rpx;
  194. }
  195. .shop-address .icon-address.data-v-ff8c7b5a {
  196. width: 120rpx;
  197. border-left: 1px solid #e2e2e2;
  198. }
  199. .shop-address image.data-v-ff8c7b5a {
  200. height: 32rpx;
  201. width: 32rpx;
  202. display: block;
  203. }
  204. .text.data-v-ff8c7b5a {
  205. color: #ffffff;
  206. }
  207. .goods-margin.data-v-ff8c7b5a {
  208. margin-top: 20rpx;
  209. }
  210. .u-bottom-height-0.data-v-ff8c7b5a {
  211. height: 110rpx;
  212. }
  213. .u-bottom-height-1.data-v-ff8c7b5a {
  214. height: 190rpx;
  215. }
  216. .u-bottom-fixed.data-v-ff8c7b5a {
  217. position: fixed;
  218. bottom: 0;
  219. left: 0;
  220. width: 100%;
  221. z-index: 1602;
  222. background-color: #ffffff;
  223. box-shadow: 0 -1rpx 20rpx -15rpx #353535;
  224. }
  225. .bd-oversell-btn.data-v-ff8c7b5a {
  226. background-color: #CDCDCD;
  227. }
  228. .btn-finish-sell.data-v-ff8c7b5a {
  229. background: -webkit-linear-gradient(left, #999999, rgba(153, 153, 153, 0.7));
  230. background: linear-gradient(to right, #999999, rgba(153, 153, 153, 0.7));
  231. }
  232. .u-bottom-height-2.data-v-ff8c7b5a {
  233. height: 270rpx;
  234. }
  235. .bd-oversell-btn.data-v-ff8c7b5a {
  236. background-color: #CDCDCD;
  237. }