app-attr.wxss 7.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311
  1. @charset "UTF-8";
  2. .text-center.data-v-bfe31f38 {
  3. text-align: center;
  4. }
  5. .font-weight.data-v-bfe31f38 {
  6. font-weight: bold;
  7. }
  8. .page-width.data-v-bfe31f38 {
  9. width: 100%;
  10. }
  11. .goods-hover-class.data-v-bfe31f38 {
  12. opacity: .9;
  13. background-color: #f7f7f7;
  14. }
  15. .background-image.data-v-bfe31f38 {
  16. background-repeat: no-repeat;
  17. background-size: 100% 100%;
  18. background-position: center;
  19. }
  20. /*全局文字大小*/
  21. /* 屏幕宽度*/
  22. page.data-v-bfe31f38 {
  23. font-size: 32rpx;
  24. background: #f7f7f7;
  25. }
  26. .page-width.data-v-bfe31f38 {
  27. width: 100%;
  28. }
  29. .u-hover-class.data-v-bfe31f38 {
  30. opacity: .9;
  31. background-color: #f7f7f7;
  32. }
  33. .safe-area-inset-bottom.data-v-bfe31f38 {
  34. padding-bottom: 0;
  35. padding-bottom: constant(safe-area-inset-bottom);
  36. padding-bottom: env(safe-area-inset-bottom);
  37. }
  38. .app-attr.data-v-bfe31f38 {
  39. background-color: #ffffff;
  40. }
  41. .app-attr .modal.data-v-bfe31f38 {
  42. background-color: rgba(0, 0, 0, 0.5);
  43. position: fixed;
  44. top: 0;
  45. left: 0;
  46. width: 100%;
  47. height: 100%;
  48. z-index: 1603;
  49. }
  50. .app-attr .content.data-v-bfe31f38 {
  51. width: 100%;
  52. background-color: #ffffff;
  53. border-radius: 16rpx 16rpx 0 0;
  54. }
  55. .app-attr .content .close.data-v-bfe31f38 {
  56. width: 30rpx;
  57. height: 30rpx;
  58. position: absolute;
  59. right: 24rpx;
  60. top: 24rpx;
  61. background-color: #ffffff;
  62. }
  63. .app-attr .content .first.data-v-bfe31f38 {
  64. margin: 0 24rpx;
  65. border-bottom: 1rpx solid #e2e2e2;
  66. }
  67. .app-attr .content .first.no-border.data-v-bfe31f38 {
  68. border-bottom: 0;
  69. }
  70. .app-attr .content .first .img.data-v-bfe31f38 {
  71. width: 200rpx;
  72. height: 200rpx;
  73. border: 4rpx solid #ffffff;
  74. border-radius: 8rpx;
  75. margin-top: -64rpx;
  76. display: block;
  77. }
  78. .app-attr .content .first .info.data-v-bfe31f38 {
  79. margin: 36rpx 0 26rpx 24rpx;
  80. font-size: 32rpx;
  81. line-height: 1;
  82. }
  83. .app-attr .content .first .info .stock.data-v-bfe31f38 {
  84. font-size: 24rpx;
  85. color: #999999;
  86. margin-top: 18rpx;
  87. }
  88. .app-attr .content .first .info view.data-v-bfe31f38:first-child {
  89. margin-right: 12rpx;
  90. }
  91. .app-attr .content .first .info > .member.data-v-bfe31f38 {
  92. color: #f39800;
  93. }
  94. .app-attr .content .second.data-v-bfe31f38 {
  95. max-height: 650rpx;
  96. overflow-y: auto;
  97. overflow-x: hidden;
  98. padding: 4rpx 24rpx;
  99. font-size: 26rpx;
  100. }
  101. .app-attr .content .second.no-padding.data-v-bfe31f38 {
  102. padding: 0;
  103. }
  104. .app-attr .content .second .attr-group.data-v-bfe31f38 {
  105. padding: 32rpx 0;
  106. border-bottom: 1rpx solid #e2e2e2;
  107. }
  108. .app-attr .content .second .attr-group .attr-group-name.data-v-bfe31f38 {
  109. color: #666666;
  110. margin-bottom: 20rpx;
  111. }
  112. .app-attr .content .second .attr-group .attr-item.data-v-bfe31f38 {
  113. margin-right: 20rpx;
  114. padding: 15rpx 24rpx;
  115. border-radius: 8rpx;
  116. margin-bottom: 20rpx;
  117. }
  118. .app-attr .content .second .attr-group .attr-item.attr-item-default.data-v-bfe31f38 {
  119. background-color: #f2f2f2;
  120. color: #353535;
  121. }
  122. .app-attr .content .second .attr-group .attr-item.active.data-v-bfe31f38 {
  123. color: #ffffff;
  124. }
  125. .app-attr .content .second .attr-group .attr-item.attr_num_0.data-v-bfe31f38 {
  126. color: #cdcdcd;
  127. background-color: #f7f7f7;
  128. }
  129. .app-attr .content .second .number-box.data-v-bfe31f38 {
  130. color: #666666;
  131. height: 124rpx;
  132. }
  133. .app-attr .content .second .number-box .block.data-v-bfe31f38 {
  134. width: 60rpx;
  135. height: 60rpx;
  136. margin: 0 4rpx;
  137. }
  138. .app-attr .content .second .number-box .block.disabled.data-v-bfe31f38 {
  139. background-color: #fbfbfb;
  140. color: #999999;
  141. }
  142. .app-attr .content .second .number-box .number-input.data-v-bfe31f38 {
  143. width: 88rpx;
  144. height: 60rpx;
  145. color: #353535;
  146. font-size: 28rpx;
  147. background-color: #f7f7f7;
  148. }
  149. .app-attr .content .three.data-v-bfe31f38 {
  150. height: 110rpx;
  151. width: 100%;
  152. padding: 20rpx 24rpx;
  153. font-size: 28rpx;
  154. }
  155. .buy.data-v-bfe31f38 {
  156. color: #ffffff;
  157. margin-left: 20rpx;
  158. }
  159. .wholesale .wholesale-attr-list.data-v-bfe31f38 {
  160. height: 88rpx;
  161. margin: 0 24rpx;
  162. border-bottom: 1rpx solid #e2e2e2;
  163. position: relative;
  164. }
  165. .wholesale .wholesale-attr-list.data-v-bfe31f38:first-of-type {
  166. border-top: 1rpx solid #e2e2e2;
  167. }
  168. .wholesale .wholesale-attr-list .position.data-v-bfe31f38 {
  169. position: absolute;
  170. left: 0;
  171. top: 2rpx;
  172. z-index: 10000;
  173. background-color: #fff;
  174. height: 83rpx;
  175. }
  176. .wholesale .wholesale-attr-list .wholesale-attr-group.data-v-bfe31f38 {
  177. max-width: 200rpx;
  178. -webkit-flex-shrink: 0;
  179. flex-shrink: 0;
  180. margin-right: 4rpx;
  181. font-size: 20rpx;
  182. color: #666666;
  183. background-color: #fff;
  184. }
  185. .wholesale .wholesale-attr-list .right-icon.data-v-bfe31f38 {
  186. position: absolute;
  187. right: -24rpx;
  188. top: 0;
  189. height: 84rpx;
  190. padding-left: 10rpx;
  191. width: 50rpx;
  192. z-index: 10000;
  193. background-color: #fff;
  194. }
  195. .wholesale .wholesale-attr-list .right-icon view.data-v-bfe31f38 {
  196. height: 40rpx;
  197. width: 3rpx;
  198. background-color: #e2e2e2;
  199. position: absolute;
  200. left: 0;
  201. top: 24rpx;
  202. }
  203. .wholesale .wholesale-attr-list .right-icon image.data-v-bfe31f38 {
  204. margin-top: 33rpx;
  205. height: 22rpx;
  206. width: 16rpx;
  207. }
  208. .wholesale .wholesale-attr-list .wholesale-attr-item.data-v-bfe31f38 {
  209. height: 100%;
  210. width: 100%;
  211. white-space: nowrap;
  212. }
  213. .wholesale .wholesale-attr-list .wholesale-attr-item .scroll-attr-group.data-v-bfe31f38 {
  214. display: inline-block;
  215. visibility: hidden;
  216. }
  217. .wholesale .wholesale-attr-list .wholesale-attr-item .scroll-attr-group .wholesale-attr-group.data-v-bfe31f38 {
  218. height: 44rpx;
  219. }
  220. .wholesale .wholesale-attr-list .wholesale-attr-item .attr-name.data-v-bfe31f38 {
  221. color: #fff;
  222. padding: 0 22rpx;
  223. height: 56rpx;
  224. line-height: 56rpx;
  225. border-radius: 8rpx;
  226. font-size: 26rpx;
  227. margin-left: 20rpx;
  228. display: inline-block;
  229. position: relative;
  230. min-width: 10rpx;
  231. }
  232. .wholesale .wholesale-attr-list .wholesale-attr-item .attr-name .attr-number.data-v-bfe31f38 {
  233. color: #fff;
  234. position: absolute;
  235. top: -15rpx;
  236. height: 30rpx;
  237. line-height: 26rpx;
  238. border: 2rpx solid #fff;
  239. padding: 0 10rpx;
  240. border-radius: 15rpx;
  241. font-size: 20rpx;
  242. z-index: 100;
  243. }
  244. .wholesale .wholesale-attr-list .wholesale-attr-item .attr-name.attr-background.data-v-bfe31f38 {
  245. background-color: #f2f2f2;
  246. color: #353535;
  247. }
  248. .wholesale .wholesale-attr-group-list.data-v-bfe31f38 {
  249. margin-top: 20rpx;
  250. }
  251. .wholesale .wholesale-attr-group-list .wholesale-attr-group.data-v-bfe31f38 {
  252. margin-bottom: 20rpx;
  253. }
  254. .wholesale .wholesale-attr-group-list .wholesale-attr-group .wholesale-attr-item.data-v-bfe31f38 {
  255. padding: 20rpx;
  256. background-color: #f7f7f7;
  257. width: 100%;
  258. }
  259. .wholesale .wholesale-attr-group-list .wholesale-attr-group .wholesale-attr-item .attr-name.data-v-bfe31f38 {
  260. width: 60%;
  261. }
  262. .wholesale .wholesale-attr-group-list .wholesale-attr-group .wholesale-attr-item .attr-name .attr-price.data-v-bfe31f38 {
  263. color: #999999;
  264. font-size: 24rpx;
  265. }
  266. .wholesale .wholesale-attr-group-list .wholesale-attr-group .wholesale-attr-item .wholesale-number-box.data-v-bfe31f38 {
  267. color: #666666;
  268. }
  269. .wholesale .wholesale-attr-group-list .wholesale-attr-group .wholesale-attr-item .wholesale-number-box .block.data-v-bfe31f38 {
  270. width: 60rpx;
  271. height: 60rpx;
  272. margin: 0 4rpx;
  273. }
  274. .wholesale .wholesale-attr-group-list .wholesale-attr-group .wholesale-attr-item .wholesale-number-box .block.disabled.data-v-bfe31f38 {
  275. background-color: #fbfbfb;
  276. color: #999999;
  277. }
  278. .wholesale .wholesale-attr-group-list .wholesale-attr-group .wholesale-attr-item .wholesale-number-box .wholesale-number-input.data-v-bfe31f38 {
  279. width: 88rpx;
  280. height: 60rpx;
  281. color: #353535;
  282. font-size: 28rpx;
  283. background-color: #fff;
  284. }
  285. .total.data-v-bfe31f38 {
  286. width: 100%;
  287. height: 80rpx;
  288. line-height: 80rpx;
  289. text-align: right;
  290. padding: 0 24rpx;
  291. color: #353535;
  292. font-size: 28rpx;
  293. border-top: 1rpx solid #e2e2e2;
  294. }
  295. .total text.data-v-bfe31f38 {
  296. color: #ff4544;
  297. }
  298. .u-attr-fixed.data-v-bfe31f38 {
  299. position: fixed;
  300. bottom: 0;
  301. left: 0;
  302. width: 100%;
  303. background-color: #ffffff;
  304. }
  305. .bd-btn.data-v-bfe31f38 {
  306. line-height: 70rpx;
  307. text-align: center;
  308. font-size: 26rpx;
  309. border-radius: 35rpx;
  310. }