warehouse.css 22 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789
  1. /**
  2. * 这里是uni-app内置的常用样式变量
  3. *
  4. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  5. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  6. *
  7. */
  8. /**
  9. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  10. *
  11. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  12. */
  13. /* 颜色变量 */
  14. /* 行为相关颜色 */
  15. /* 文字基本颜色 */
  16. /* 背景颜色 */
  17. /* 边框颜色 */
  18. /* 尺寸变量 */
  19. /* 文字尺寸 */
  20. /* 图片尺寸 */
  21. /* Border Radius */
  22. /* 水平间距 */
  23. /* 垂直间距 */
  24. /* 透明度 */
  25. /* 文章场景相关 */
  26. uni-view[data-v-ac70166d], uni-scroll-view[data-v-ac70166d], uni-swiper-item[data-v-ac70166d] {
  27. display: flex;
  28. flex-direction: column;
  29. flex-shrink: 0;
  30. flex-grow: 0;
  31. flex-basis: auto;
  32. align-items: stretch;
  33. align-content: flex-start;
  34. }
  35. @font-face {
  36. font-family: "uicon-iconfont";
  37. src: url("https://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf") format("truetype");
  38. }
  39. .u-icon[data-v-ac70166d] {
  40. display: flex;
  41. align-items: center;
  42. }
  43. .u-icon--left[data-v-ac70166d] {
  44. flex-direction: row-reverse;
  45. align-items: center;
  46. }
  47. .u-icon--right[data-v-ac70166d] {
  48. flex-direction: row;
  49. align-items: center;
  50. }
  51. .u-icon--top[data-v-ac70166d] {
  52. flex-direction: column-reverse;
  53. justify-content: center;
  54. }
  55. .u-icon--bottom[data-v-ac70166d] {
  56. flex-direction: column;
  57. justify-content: center;
  58. }
  59. .u-icon__icon[data-v-ac70166d] {
  60. font-family: uicon-iconfont;
  61. position: relative;
  62. display: flex;
  63. flex-direction: row;
  64. align-items: center;
  65. }
  66. .u-icon__icon--primary[data-v-ac70166d] {
  67. color: #22ac38;
  68. }
  69. .u-icon__icon--success[data-v-ac70166d] {
  70. color: #22ac38;
  71. }
  72. .u-icon__icon--error[data-v-ac70166d] {
  73. color: #f56c6c;
  74. }
  75. .u-icon__icon--warning[data-v-ac70166d] {
  76. color: #f9ae3d;
  77. }
  78. .u-icon__icon--info[data-v-ac70166d] {
  79. color: #909399;
  80. }
  81. .u-icon__img[data-v-ac70166d] {
  82. height: auto;
  83. will-change: transform;
  84. }
  85. .u-icon__label[data-v-ac70166d] {
  86. line-height: 1;
  87. }
  88. /**
  89. * 这里是uni-app内置的常用样式变量
  90. *
  91. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  92. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  93. *
  94. */
  95. /**
  96. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  97. *
  98. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  99. */
  100. /* 颜色变量 */
  101. /* 行为相关颜色 */
  102. /* 文字基本颜色 */
  103. /* 背景颜色 */
  104. /* 边框颜色 */
  105. /* 尺寸变量 */
  106. /* 文字尺寸 */
  107. /* 图片尺寸 */
  108. /* Border Radius */
  109. /* 水平间距 */
  110. /* 垂直间距 */
  111. /* 透明度 */
  112. /* 文章场景相关 */
  113. uni-view[data-v-eadae74e], uni-scroll-view[data-v-eadae74e], uni-swiper-item[data-v-eadae74e] {
  114. display: flex;
  115. flex-direction: column;
  116. flex-shrink: 0;
  117. flex-grow: 0;
  118. flex-basis: auto;
  119. align-items: stretch;
  120. align-content: flex-start;
  121. }
  122. .u-toolbar[data-v-eadae74e] {
  123. height: 42px;
  124. display: flex;
  125. flex-direction: row;
  126. justify-content: space-between;
  127. align-items: center;
  128. }
  129. .u-toolbar__wrapper__cancel[data-v-eadae74e] {
  130. color: #909193;
  131. font-size: 15px;
  132. padding: 0 15px;
  133. }
  134. .u-toolbar__title[data-v-eadae74e] {
  135. color: #303133;
  136. padding: 0 1.875rem;
  137. font-size: 16px;
  138. flex: 1;
  139. text-align: center;
  140. }
  141. .u-toolbar__wrapper__confirm[data-v-eadae74e] {
  142. color: #22ac38;
  143. font-size: 15px;
  144. padding: 0 15px;
  145. }
  146. /**
  147. * 这里是uni-app内置的常用样式变量
  148. *
  149. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  150. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  151. *
  152. */
  153. /**
  154. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  155. *
  156. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  157. */
  158. /* 颜色变量 */
  159. /* 行为相关颜色 */
  160. /* 文字基本颜色 */
  161. /* 背景颜色 */
  162. /* 边框颜色 */
  163. /* 尺寸变量 */
  164. /* 文字尺寸 */
  165. /* 图片尺寸 */
  166. /* Border Radius */
  167. /* 水平间距 */
  168. /* 垂直间距 */
  169. /* 透明度 */
  170. /* 文章场景相关 */
  171. uni-view[data-v-2af81691], uni-scroll-view[data-v-2af81691], uni-swiper-item[data-v-2af81691] {
  172. display: flex;
  173. flex-direction: column;
  174. flex-shrink: 0;
  175. flex-grow: 0;
  176. flex-basis: auto;
  177. align-items: stretch;
  178. align-content: flex-start;
  179. }
  180. .u-loading-icon[data-v-2af81691] {
  181. flex-direction: row;
  182. align-items: center;
  183. justify-content: center;
  184. color: #c8c9cc;
  185. }
  186. .u-loading-icon__text[data-v-2af81691] {
  187. margin-left: 4px;
  188. color: #606266;
  189. font-size: 14px;
  190. line-height: 20px;
  191. }
  192. .u-loading-icon__spinner[data-v-2af81691] {
  193. width: 30px;
  194. height: 30px;
  195. position: relative;
  196. box-sizing: border-box;
  197. max-width: 100%;
  198. max-height: 100%;
  199. animation: u-rotate-2af81691 1s linear infinite;
  200. }
  201. .u-loading-icon__spinner--semicircle[data-v-2af81691] {
  202. border-width: 2px;
  203. border-color: transparent;
  204. border-top-right-radius: 100px;
  205. border-top-left-radius: 100px;
  206. border-bottom-left-radius: 100px;
  207. border-bottom-right-radius: 100px;
  208. border-style: solid;
  209. }
  210. .u-loading-icon__spinner--circle[data-v-2af81691] {
  211. border-top-right-radius: 100px;
  212. border-top-left-radius: 100px;
  213. border-bottom-left-radius: 100px;
  214. border-bottom-right-radius: 100px;
  215. border-width: 2px;
  216. border-top-color: #e5e5e5;
  217. border-right-color: #e5e5e5;
  218. border-bottom-color: #e5e5e5;
  219. border-left-color: #e5e5e5;
  220. border-style: solid;
  221. }
  222. .u-loading-icon--vertical[data-v-2af81691] {
  223. flex-direction: column;
  224. }
  225. [data-v-2af81691]:host {
  226. font-size: 0px;
  227. line-height: 1;
  228. }
  229. .u-loading-icon__spinner--spinner[data-v-2af81691] {
  230. animation-timing-function: steps(12);
  231. }
  232. .u-loading-icon__text[data-v-2af81691]:empty {
  233. display: none;
  234. }
  235. .u-loading-icon--vertical .u-loading-icon__text[data-v-2af81691] {
  236. margin: 6px 0 0;
  237. color: #606266;
  238. }
  239. .u-loading-icon__dot[data-v-2af81691] {
  240. position: absolute;
  241. top: 0;
  242. left: 0;
  243. width: 100%;
  244. height: 100%;
  245. }
  246. .u-loading-icon__dot[data-v-2af81691]:before {
  247. display: block;
  248. width: 2px;
  249. height: 25%;
  250. margin: 0 auto;
  251. background-color: currentColor;
  252. border-radius: 40%;
  253. content: " ";
  254. }
  255. .u-loading-icon__dot[data-v-2af81691]:nth-of-type(1) {
  256. transform: rotate(30deg);
  257. opacity: 1;
  258. }
  259. .u-loading-icon__dot[data-v-2af81691]:nth-of-type(2) {
  260. transform: rotate(60deg);
  261. opacity: 0.9375;
  262. }
  263. .u-loading-icon__dot[data-v-2af81691]:nth-of-type(3) {
  264. transform: rotate(90deg);
  265. opacity: 0.875;
  266. }
  267. .u-loading-icon__dot[data-v-2af81691]:nth-of-type(4) {
  268. transform: rotate(120deg);
  269. opacity: 0.8125;
  270. }
  271. .u-loading-icon__dot[data-v-2af81691]:nth-of-type(5) {
  272. transform: rotate(150deg);
  273. opacity: 0.75;
  274. }
  275. .u-loading-icon__dot[data-v-2af81691]:nth-of-type(6) {
  276. transform: rotate(180deg);
  277. opacity: 0.6875;
  278. }
  279. .u-loading-icon__dot[data-v-2af81691]:nth-of-type(7) {
  280. transform: rotate(210deg);
  281. opacity: 0.625;
  282. }
  283. .u-loading-icon__dot[data-v-2af81691]:nth-of-type(8) {
  284. transform: rotate(240deg);
  285. opacity: 0.5625;
  286. }
  287. .u-loading-icon__dot[data-v-2af81691]:nth-of-type(9) {
  288. transform: rotate(270deg);
  289. opacity: 0.5;
  290. }
  291. .u-loading-icon__dot[data-v-2af81691]:nth-of-type(10) {
  292. transform: rotate(300deg);
  293. opacity: 0.4375;
  294. }
  295. .u-loading-icon__dot[data-v-2af81691]:nth-of-type(11) {
  296. transform: rotate(330deg);
  297. opacity: 0.375;
  298. }
  299. .u-loading-icon__dot[data-v-2af81691]:nth-of-type(12) {
  300. transform: rotate(360deg);
  301. opacity: 0.3125;
  302. }
  303. @keyframes u-rotate-2af81691 {
  304. 0% {
  305. transform: rotate(0deg);
  306. }
  307. to {
  308. transform: rotate(1turn);
  309. }
  310. }
  311. /**
  312. * 这里是uni-app内置的常用样式变量
  313. *
  314. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  315. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  316. *
  317. */
  318. /**
  319. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  320. *
  321. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  322. */
  323. /* 颜色变量 */
  324. /* 行为相关颜色 */
  325. /* 文字基本颜色 */
  326. /* 背景颜色 */
  327. /* 边框颜色 */
  328. /* 尺寸变量 */
  329. /* 文字尺寸 */
  330. /* 图片尺寸 */
  331. /* Border Radius */
  332. /* 水平间距 */
  333. /* 垂直间距 */
  334. /* 透明度 */
  335. /* 文章场景相关 */
  336. uni-view[data-v-5cec8177], uni-scroll-view[data-v-5cec8177], uni-swiper-item[data-v-5cec8177] {
  337. display: flex;
  338. flex-direction: column;
  339. flex-shrink: 0;
  340. flex-grow: 0;
  341. flex-basis: auto;
  342. align-items: stretch;
  343. align-content: flex-start;
  344. }
  345. /**
  346. * vue版本动画内置的动画模式有如下:
  347. * fade:淡入
  348. * zoom:缩放
  349. * fade-zoom:缩放淡入
  350. * fade-up:上滑淡入
  351. * fade-down:下滑淡入
  352. * fade-left:左滑淡入
  353. * fade-right:右滑淡入
  354. * slide-up:上滑进入
  355. * slide-down:下滑进入
  356. * slide-left:左滑进入
  357. * slide-right:右滑进入
  358. */
  359. .u-fade-enter-active[data-v-5cec8177],
  360. .u-fade-leave-active[data-v-5cec8177] {
  361. transition-property: opacity;
  362. }
  363. .u-fade-enter[data-v-5cec8177],
  364. .u-fade-leave-to[data-v-5cec8177] {
  365. opacity: 0;
  366. }
  367. .u-fade-zoom-enter[data-v-5cec8177],
  368. .u-fade-zoom-leave-to[data-v-5cec8177] {
  369. transform: scale(0.95);
  370. opacity: 0;
  371. }
  372. .u-fade-zoom-enter-active[data-v-5cec8177],
  373. .u-fade-zoom-leave-active[data-v-5cec8177] {
  374. transition-property: transform, opacity;
  375. }
  376. .u-fade-down-enter-active[data-v-5cec8177],
  377. .u-fade-down-leave-active[data-v-5cec8177],
  378. .u-fade-left-enter-active[data-v-5cec8177],
  379. .u-fade-left-leave-active[data-v-5cec8177],
  380. .u-fade-right-enter-active[data-v-5cec8177],
  381. .u-fade-right-leave-active[data-v-5cec8177],
  382. .u-fade-up-enter-active[data-v-5cec8177],
  383. .u-fade-up-leave-active[data-v-5cec8177] {
  384. transition-property: opacity, transform;
  385. }
  386. .u-fade-up-enter[data-v-5cec8177],
  387. .u-fade-up-leave-to[data-v-5cec8177] {
  388. transform: translate3d(0, 100%, 0);
  389. opacity: 0;
  390. }
  391. .u-fade-down-enter[data-v-5cec8177],
  392. .u-fade-down-leave-to[data-v-5cec8177] {
  393. transform: translate3d(0, -100%, 0);
  394. opacity: 0;
  395. }
  396. .u-fade-left-enter[data-v-5cec8177],
  397. .u-fade-left-leave-to[data-v-5cec8177] {
  398. transform: translate3d(-100%, 0, 0);
  399. opacity: 0;
  400. }
  401. .u-fade-right-enter[data-v-5cec8177],
  402. .u-fade-right-leave-to[data-v-5cec8177] {
  403. transform: translate3d(100%, 0, 0);
  404. opacity: 0;
  405. }
  406. .u-slide-down-enter-active[data-v-5cec8177],
  407. .u-slide-down-leave-active[data-v-5cec8177],
  408. .u-slide-left-enter-active[data-v-5cec8177],
  409. .u-slide-left-leave-active[data-v-5cec8177],
  410. .u-slide-right-enter-active[data-v-5cec8177],
  411. .u-slide-right-leave-active[data-v-5cec8177],
  412. .u-slide-up-enter-active[data-v-5cec8177],
  413. .u-slide-up-leave-active[data-v-5cec8177] {
  414. transition-property: transform;
  415. }
  416. .u-slide-up-enter[data-v-5cec8177],
  417. .u-slide-up-leave-to[data-v-5cec8177] {
  418. transform: translate3d(0, 100%, 0);
  419. }
  420. .u-slide-down-enter[data-v-5cec8177],
  421. .u-slide-down-leave-to[data-v-5cec8177] {
  422. transform: translate3d(0, -100%, 0);
  423. }
  424. .u-slide-left-enter[data-v-5cec8177],
  425. .u-slide-left-leave-to[data-v-5cec8177] {
  426. transform: translate3d(-100%, 0, 0);
  427. }
  428. .u-slide-right-enter[data-v-5cec8177],
  429. .u-slide-right-leave-to[data-v-5cec8177] {
  430. transform: translate3d(100%, 0, 0);
  431. }
  432. .u-zoom-enter-active[data-v-5cec8177],
  433. .u-zoom-leave-active[data-v-5cec8177] {
  434. transition-property: transform;
  435. }
  436. .u-zoom-enter[data-v-5cec8177],
  437. .u-zoom-leave-to[data-v-5cec8177] {
  438. transform: scale(0.95);
  439. }
  440. /**
  441. * 这里是uni-app内置的常用样式变量
  442. *
  443. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  444. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  445. *
  446. */
  447. /**
  448. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  449. *
  450. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  451. */
  452. /* 颜色变量 */
  453. /* 行为相关颜色 */
  454. /* 文字基本颜色 */
  455. /* 背景颜色 */
  456. /* 边框颜色 */
  457. /* 尺寸变量 */
  458. /* 文字尺寸 */
  459. /* 图片尺寸 */
  460. /* Border Radius */
  461. /* 水平间距 */
  462. /* 垂直间距 */
  463. /* 透明度 */
  464. /* 文章场景相关 */
  465. uni-view[data-v-9112bed9], uni-scroll-view[data-v-9112bed9], uni-swiper-item[data-v-9112bed9] {
  466. display: flex;
  467. flex-direction: column;
  468. flex-shrink: 0;
  469. flex-grow: 0;
  470. flex-basis: auto;
  471. align-items: stretch;
  472. align-content: flex-start;
  473. }
  474. .u-overlay[data-v-9112bed9] {
  475. position: fixed;
  476. top: 0;
  477. left: 0;
  478. width: 100%;
  479. height: 100%;
  480. background-color: rgba(0, 0, 0, 0.7);
  481. }
  482. /**
  483. * 这里是uni-app内置的常用样式变量
  484. *
  485. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  486. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  487. *
  488. */
  489. /**
  490. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  491. *
  492. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  493. */
  494. /* 颜色变量 */
  495. /* 行为相关颜色 */
  496. /* 文字基本颜色 */
  497. /* 背景颜色 */
  498. /* 边框颜色 */
  499. /* 尺寸变量 */
  500. /* 文字尺寸 */
  501. /* 图片尺寸 */
  502. /* Border Radius */
  503. /* 水平间距 */
  504. /* 垂直间距 */
  505. /* 透明度 */
  506. /* 文章场景相关 */
  507. .u-status-bar[data-v-eb8e0cdd] {
  508. width: 100%;
  509. }
  510. /**
  511. * 这里是uni-app内置的常用样式变量
  512. *
  513. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  514. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  515. *
  516. */
  517. /**
  518. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  519. *
  520. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  521. */
  522. /* 颜色变量 */
  523. /* 行为相关颜色 */
  524. /* 文字基本颜色 */
  525. /* 背景颜色 */
  526. /* 边框颜色 */
  527. /* 尺寸变量 */
  528. /* 文字尺寸 */
  529. /* 图片尺寸 */
  530. /* Border Radius */
  531. /* 水平间距 */
  532. /* 垂直间距 */
  533. /* 透明度 */
  534. /* 文章场景相关 */
  535. .u-safe-bottom[data-v-f3d22cfe] {
  536. width: 100%;
  537. }
  538. /**
  539. * 这里是uni-app内置的常用样式变量
  540. *
  541. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  542. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  543. *
  544. */
  545. /**
  546. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  547. *
  548. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  549. */
  550. /* 颜色变量 */
  551. /* 行为相关颜色 */
  552. /* 文字基本颜色 */
  553. /* 背景颜色 */
  554. /* 边框颜色 */
  555. /* 尺寸变量 */
  556. /* 文字尺寸 */
  557. /* 图片尺寸 */
  558. /* Border Radius */
  559. /* 水平间距 */
  560. /* 垂直间距 */
  561. /* 透明度 */
  562. /* 文章场景相关 */
  563. uni-view[data-v-05c24e9b], uni-scroll-view[data-v-05c24e9b], uni-swiper-item[data-v-05c24e9b] {
  564. display: flex;
  565. flex-direction: column;
  566. flex-shrink: 0;
  567. flex-grow: 0;
  568. flex-basis: auto;
  569. align-items: stretch;
  570. align-content: flex-start;
  571. }
  572. .u-popup[data-v-05c24e9b] {
  573. flex: 1;
  574. }
  575. .u-popup__content[data-v-05c24e9b] {
  576. background-color: #fff;
  577. position: relative;
  578. }
  579. .u-popup__content--round-top[data-v-05c24e9b] {
  580. border-top-left-radius: 0;
  581. border-top-right-radius: 0;
  582. border-bottom-left-radius: 10px;
  583. border-bottom-right-radius: 10px;
  584. }
  585. .u-popup__content--round-left[data-v-05c24e9b] {
  586. border-top-left-radius: 0;
  587. border-top-right-radius: 10px;
  588. border-bottom-left-radius: 0;
  589. border-bottom-right-radius: 10px;
  590. }
  591. .u-popup__content--round-right[data-v-05c24e9b] {
  592. border-top-left-radius: 10px;
  593. border-top-right-radius: 0;
  594. border-bottom-left-radius: 10px;
  595. border-bottom-right-radius: 0;
  596. }
  597. .u-popup__content--round-bottom[data-v-05c24e9b] {
  598. border-top-left-radius: 10px;
  599. border-top-right-radius: 10px;
  600. border-bottom-left-radius: 0;
  601. border-bottom-right-radius: 0;
  602. }
  603. .u-popup__content--round-center[data-v-05c24e9b] {
  604. border-top-left-radius: 10px;
  605. border-top-right-radius: 10px;
  606. border-bottom-left-radius: 10px;
  607. border-bottom-right-radius: 10px;
  608. }
  609. .u-popup__content__close[data-v-05c24e9b] {
  610. position: absolute;
  611. }
  612. .u-popup__content__close--hover[data-v-05c24e9b] {
  613. opacity: 0.4;
  614. }
  615. .u-popup__content__close--top-left[data-v-05c24e9b] {
  616. top: 15px;
  617. left: 15px;
  618. }
  619. .u-popup__content__close--top-right[data-v-05c24e9b] {
  620. top: 15px;
  621. right: 15px;
  622. }
  623. .u-popup__content__close--bottom-left[data-v-05c24e9b] {
  624. bottom: 15px;
  625. left: 15px;
  626. }
  627. .u-popup__content__close--bottom-right[data-v-05c24e9b] {
  628. right: 15px;
  629. bottom: 15px;
  630. }
  631. /**
  632. * 这里是uni-app内置的常用样式变量
  633. *
  634. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  635. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  636. *
  637. */
  638. /**
  639. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  640. *
  641. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  642. */
  643. /* 颜色变量 */
  644. /* 行为相关颜色 */
  645. /* 文字基本颜色 */
  646. /* 背景颜色 */
  647. /* 边框颜色 */
  648. /* 尺寸变量 */
  649. /* 文字尺寸 */
  650. /* 图片尺寸 */
  651. /* Border Radius */
  652. /* 水平间距 */
  653. /* 垂直间距 */
  654. /* 透明度 */
  655. /* 文章场景相关 */
  656. uni-view[data-v-91b05052], uni-scroll-view[data-v-91b05052], uni-swiper-item[data-v-91b05052] {
  657. display: flex;
  658. flex-direction: column;
  659. flex-shrink: 0;
  660. flex-grow: 0;
  661. flex-basis: auto;
  662. align-items: stretch;
  663. align-content: flex-start;
  664. }
  665. .u-picker[data-v-91b05052] {
  666. position: relative;
  667. }
  668. .u-picker__view__column[data-v-91b05052] {
  669. display: flex;
  670. flex-direction: row;
  671. flex: 1;
  672. justify-content: center;
  673. }
  674. .u-picker__view__column__item[data-v-91b05052] {
  675. display: flex;
  676. flex-direction: row;
  677. justify-content: center;
  678. align-items: center;
  679. font-size: 16px;
  680. text-align: center;
  681. display: block;
  682. color: #303133;
  683. }
  684. .u-picker__view__column__item--disabled[data-v-91b05052] {
  685. cursor: not-allowed;
  686. opacity: 0.35;
  687. }
  688. .u-picker--loading[data-v-91b05052] {
  689. position: absolute;
  690. top: 0;
  691. right: 0;
  692. left: 0;
  693. bottom: 0;
  694. display: flex;
  695. flex-direction: row;
  696. justify-content: center;
  697. align-items: center;
  698. background-color: rgba(255, 255, 255, 0.87);
  699. z-index: 1000;
  700. }
  701. /**
  702. * 这里是uni-app内置的常用样式变量
  703. *
  704. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  705. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  706. *
  707. */
  708. /**
  709. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  710. *
  711. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  712. */
  713. /* 颜色变量 */
  714. /* 行为相关颜色 */
  715. /* 文字基本颜色 */
  716. /* 背景颜色 */
  717. /* 边框颜色 */
  718. /* 尺寸变量 */
  719. /* 文字尺寸 */
  720. /* 图片尺寸 */
  721. /* Border Radius */
  722. /* 水平间距 */
  723. /* 垂直间距 */
  724. /* 透明度 */
  725. /* 文章场景相关 */
  726. .warehouse-select[data-v-972eecda] {
  727. padding: 0.625rem;
  728. }
  729. .warehouse-select .select-wrap[data-v-972eecda] {
  730. display: flex;
  731. align-items: center;
  732. background: #FFFFFF;
  733. min-height: 2.75rem;
  734. padding: 0 0.625rem;
  735. position: relative;
  736. }
  737. .warehouse-select .select-wrap .required-label[data-v-972eecda] {
  738. color: #FF4D4F;
  739. font-size: 0.875rem;
  740. margin-right: 0.125rem;
  741. }
  742. .warehouse-select .select-wrap .label[data-v-972eecda] {
  743. font-size: 0.875rem;
  744. color: #333333;
  745. margin-right: 0.625rem;
  746. white-space: nowrap;
  747. }
  748. .warehouse-select .select-wrap .picker-value[data-v-972eecda] {
  749. flex: 1;
  750. display: flex;
  751. align-items: center;
  752. justify-content: space-between;
  753. }
  754. .warehouse-select .select-wrap .picker-value .value-text[data-v-972eecda] {
  755. font-size: 0.875rem;
  756. color: #333333;
  757. }
  758. .warehouse-select .select-wrap .picker-value .value-text.placeholder[data-v-972eecda] {
  759. color: #999999;
  760. }
  761. .warehouse-select .select-wrap .picker-value .count[data-v-972eecda] {
  762. font-size: 0.75rem;
  763. color: #999999;
  764. margin-right: 0.3125rem;
  765. }
  766. .warehouse-select .select-wrap[data-v-972eecda]::after {
  767. content: "";
  768. position: absolute;
  769. left: 0.625rem;
  770. right: 0.625rem;
  771. bottom: 0;
  772. height: 1px;
  773. background: #EEEEEE;
  774. transform: scaleY(0.5);
  775. }
  776. .warehouse-select .select-wrap[data-v-972eecda]:active {
  777. background: #F5F5F5;
  778. }