firm-order.wxss 7.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306
  1. page {
  2. display: flex;
  3. justify-content: flex-start;
  4. flex-direction: column;
  5. width: 100%;
  6. height: 100%;
  7. background-color: #f9f9fb;
  8. }
  9. @charset "UTF-8";
  10. /**
  11. * 这里是uni-app内置的常用样式变量
  12. *
  13. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  14. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  15. *
  16. */
  17. /**
  18. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  19. *
  20. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  21. */
  22. /* 颜色变量 */
  23. /* 行为相关颜色 */
  24. /* 文字基本颜色 */
  25. /* 背景颜色 */
  26. /* 边框颜色 */
  27. /* 尺寸变量 */
  28. /* 文字尺寸 */
  29. /* 图片尺寸 */
  30. /* Border Radius */
  31. /* 水平间距 */
  32. /* 垂直间距 */
  33. /* 透明度 */
  34. /* 文章场景相关 */
  35. .goods_price .vip_ident.data-v-210619e6 {
  36. width: 56rpx;
  37. height: 40rpx;
  38. background: linear-gradient(226deg, #66647a 0%, #404146 100%);
  39. border-radius: 4rpx;
  40. font-size: 28rpx;
  41. color: #fcf7c0;
  42. display: flex;
  43. justify-content: center;
  44. align-items: center;
  45. margin-right: 10rpx;
  46. }
  47. .goods_price .old_price.data-v-210619e6 {
  48. text-decoration: line-through;
  49. font-size: 28rpx;
  50. font-weight: 500;
  51. }
  52. .goods_price .draw_off text.data-v-210619e6 {
  53. color: #999;
  54. }
  55. .goods_price .symbol.data-v-210619e6 {
  56. font-size: 28rpx;
  57. }
  58. .goods_price .price.data-v-210619e6 {
  59. font-weight: 600;
  60. font-size: 36rpx;
  61. }
  62. .goods_price .price text.data-v-210619e6 {
  63. color: #fb231f;
  64. }
  65. .goods_price .vip.data-v-210619e6 {
  66. font-size: 28rpx;
  67. font-weight: bold;
  68. color: #333;
  69. }
  70. .goods_price .vip_active.data-v-210619e6 {
  71. font-size: 36rpx;
  72. font-weight: bold;
  73. }
  74. .goods_price .vip_active text.data-v-210619e6 {
  75. color: #fb231f;
  76. }
  77. .goods_price .vip_img.data-v-210619e6 {
  78. width: 88rpx;
  79. height: 36rpx;
  80. vertical-align: -6rpx;
  81. margin-right: 10rpx;
  82. }
  83. .qrimg.data-v-210619e6 {
  84. opacity: 0;
  85. }
  86. .fixed_box.data-v-210619e6 {
  87. position: fixed;
  88. bottom: 0;
  89. left: 0;
  90. width: 100%;
  91. background-color: #fff;
  92. z-index: 999;
  93. }
  94. .fixed_box .all.data-v-210619e6 {
  95. height: 98rpx;
  96. border-bottom: 1rpx solid #eee;
  97. padding: 0 30rpx 10rpx;
  98. display: flex;
  99. justify-content: flex-start;
  100. align-items: flex-end;
  101. }
  102. .fixed_box .btn_submit.data-v-210619e6 {
  103. padding: 0 20rpx;
  104. height: 120rpx;
  105. }
  106. .fixed_box .btn_submit view.data-v-210619e6 {
  107. height: 88rpx;
  108. background: linear-gradient(93deg, #ff232c 0%, #ff571b 100%);
  109. border-radius: 44rpx 44rpx 44rpx 44rpx;
  110. }
  111. .fixed_box .btn_con.data-v-210619e6 {
  112. background: linear-gradient(93deg, #ff232c 0%, #ff571b 100%);
  113. height: 100rpx;
  114. font-size: 32rpx;
  115. color: #fff;
  116. }
  117. .share_show.data-v-210619e6 {
  118. width: 100%;
  119. height: 100vh;
  120. position: fixed;
  121. top: 0;
  122. left: 0;
  123. background-color: rgba(0, 0, 0, 0.7);
  124. z-index: 9999;
  125. }
  126. .share_show .share_con.data-v-210619e6 {
  127. width: 80%;
  128. margin: 0 auto;
  129. height: 100%;
  130. z-index: 999999;
  131. }
  132. .share_show .share_con .canvas.data-v-210619e6 {
  133. width: 540rpx;
  134. height: 960rpx;
  135. position: relative;
  136. }
  137. .share_show .share_con .canvas #canvas.data-v-210619e6 {
  138. width: 540rpx;
  139. height: 960rpx;
  140. position: absolute;
  141. top: 0;
  142. left: 0;
  143. }
  144. .share_show .share_con .canvas .poster_img.data-v-210619e6 {
  145. -webkit-touch-callout: default;
  146. width: 100%;
  147. height: 100%;
  148. display: block;
  149. }
  150. .share_show .share_con .canvas ._img[src].data-v-210619e6,
  151. .share_show .share_con .canvas ._img.data-v-210619e6:not([src]) {
  152. opacity: 0;
  153. }
  154. .share_show .share_con .save_img.data-v-210619e6 {
  155. color: #fff;
  156. width: 100%;
  157. text-align: center;
  158. font-size: 40rpx;
  159. margin-top: 20rpx;
  160. }
  161. .share_show .share_con .iconfont.data-v-210619e6 {
  162. position: absolute;
  163. top: 4vh;
  164. right: 25rpx;
  165. color: #dedede;
  166. font-size: 60rpx;
  167. z-index: 999;
  168. }
  169. .share_show .sub_btn.data-v-210619e6 {
  170. margin-top: 76rpx;
  171. }
  172. .co.data-v-210619e6 {
  173. flex: 1;
  174. background-color: #f9f9fb;
  175. padding: 30rpx;
  176. }
  177. .co .pick_up.data-v-210619e6 {
  178. background: #fff;
  179. margin-bottom: 30rpx;
  180. border-radius: 24rpx;
  181. padding: 15rpx 30rpx;
  182. }
  183. .co .pick_up .store_ads.data-v-210619e6 {
  184. font-size: 28rpx;
  185. margin: 10rpx 0 0 50rpx;
  186. }
  187. .co .pick_up .iconfont.data-v-210619e6 {
  188. font-size: 40rpx;
  189. margin-right: 15rpx;
  190. color: #999;
  191. vertical-align: -4rpx;
  192. }
  193. .co .pick_up .iconxuanzhong.data-v-210619e6 {
  194. color: #fb231f;
  195. }
  196. .co .pick_up text.data-v-210619e6 {
  197. font-size: 28rpx;
  198. }
  199. .co .order_detail.data-v-210619e6 {
  200. padding-bottom: 30rpx;
  201. background: #fff;
  202. width: 690rpx;
  203. margin: 0 auto 240rpx;
  204. box-sizing: border-box;
  205. border-radius: 24rpx;
  206. }
  207. .co .order_detail .user_info.data-v-210619e6 {
  208. height: 112rpx;
  209. padding-left: 30rpx;
  210. line-height: 112rpx;
  211. border-bottom: 1rpx solid #eeeeee;
  212. }
  213. .co .order_detail .user_info text.data-v-210619e6 {
  214. font-size: 30rpx;
  215. font-weight: bold;
  216. }
  217. .co .order_detail .user_info .store_avatar.data-v-210619e6 {
  218. width: 52rpx;
  219. height: 52rpx;
  220. border-radius: 50%;
  221. margin-right: 15rpx;
  222. }
  223. .co .order_detail .order_con.data-v-210619e6 {
  224. padding: 0 30rpx;
  225. margin-top: 30rpx;
  226. }
  227. .co .order_detail .order_con .goods_con .goods_img.data-v-210619e6 {
  228. width: 200rpx;
  229. height: 160rpx;
  230. margin-right: 26rpx;
  231. border-radius: 8rpx;
  232. flex-shrink: 0;
  233. }
  234. .co .order_detail .order_con .goods_con .goods_name.data-v-210619e6 {
  235. font-size: 30rpx;
  236. font-weight: bold;
  237. }
  238. .co .order_detail .order_con .goods_con .goods_price.data-v-210619e6 {
  239. margin-top: 20rpx;
  240. }
  241. .co .order_detail .order_con .goods_info.data-v-210619e6 {
  242. margin: 30rpx 0;
  243. }
  244. .co .order_detail .order_con .goods_info > view.data-v-210619e6 {
  245. margin-bottom: 10rpx;
  246. }
  247. .co .order_detail .remark.data-v-210619e6 {
  248. padding: 0 30rpx;
  249. box-sizing: border-box;
  250. }
  251. .co .order_detail .remark .remark_title.data-v-210619e6 {
  252. font-size: 30rpx;
  253. font-weight: bold;
  254. padding: 15rpx 0;
  255. }
  256. .co .order_detail .remark .remark_box.data-v-210619e6 {
  257. padding: 20rpx 30rpx;
  258. min-height: 88rpx;
  259. border-radius: 15rpx;
  260. background: #f8f8f8;
  261. }
  262. .co .order_detail .remark .remark_box textarea.data-v-210619e6 {
  263. width: 100%;
  264. }
  265. .co .order_detail .remark .place.data-v-210619e6 {
  266. font-size: 30rpx;
  267. color: #a7a7a7;
  268. }
  269. .co .co_address.data-v-210619e6 {
  270. padding: 30rpx;
  271. width: 100%;
  272. box-sizing: border-box;
  273. background-color: #ffffff;
  274. border-radius: 24rpx;
  275. margin-bottom: 30rpx;
  276. }
  277. .co .co_address .icondizhi1.data-v-210619e6 {
  278. color: #fb231f;
  279. font-size: 50rpx;
  280. vertical-align: middle;
  281. }
  282. .co .co_address .gray.data-v-210619e6 {
  283. margin-left: 20rpx;
  284. }
  285. .co .co_address .iconiconfontjiantou2.data-v-210619e6 {
  286. color: #999;
  287. }
  288. .co .co_address .ads_info.data-v-210619e6 {
  289. margin: 0 15rpx;
  290. }
  291. .co .co_address .ads_info .shop_info.data-v-210619e6 {
  292. font-size: 32rpx;
  293. font-weight: bold;
  294. }
  295. .co .co_address .ads_info .shop_info .area_code.data-v-210619e6 {
  296. font-size: 28rpx;
  297. color: #999;
  298. margin: 0 10rpx;
  299. }
  300. .co .co_address .ads_info .shop_info text.data-v-210619e6:last-child {
  301. font-size: 28rpx;
  302. color: #999;
  303. }