云链智安app
Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468
  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-table-checkbox[data-v-1d9e1113] {
  27. display: flex;
  28. flex-direction: row;
  29. align-items: center;
  30. justify-content: center;
  31. position: relative;
  32. margin: 5px 0;
  33. cursor: pointer;
  34. }
  35. .uni-table-checkbox .checkbox__inner[data-v-1d9e1113] {
  36. flex-shrink: 0;
  37. box-sizing: border-box;
  38. position: relative;
  39. width: 16px;
  40. height: 16px;
  41. border: 1px solid #DCDFE6;
  42. border-radius: 2px;
  43. background-color: #fff;
  44. z-index: 1;
  45. }
  46. .uni-table-checkbox .checkbox__inner .checkbox__inner-icon[data-v-1d9e1113] {
  47. position: absolute;
  48. top: 2px;
  49. left: 5px;
  50. height: 7px;
  51. width: 3px;
  52. border: 1px solid #fff;
  53. border-left: 0;
  54. border-top: 0;
  55. opacity: 0;
  56. transform-origin: center;
  57. transform: rotate(45deg);
  58. box-sizing: content-box;
  59. }
  60. .uni-table-checkbox .checkbox__inner.checkbox--indeterminate[data-v-1d9e1113] {
  61. border-color: #007aff;
  62. background-color: #007aff;
  63. }
  64. .uni-table-checkbox .checkbox__inner.checkbox--indeterminate .checkbox__inner-icon[data-v-1d9e1113] {
  65. position: absolute;
  66. opacity: 1;
  67. transform: rotate(0deg);
  68. height: 2px;
  69. top: 0;
  70. bottom: 0;
  71. margin: auto;
  72. left: 0px;
  73. right: 0px;
  74. bottom: 0;
  75. width: auto;
  76. border: none;
  77. border-radius: 2px;
  78. transform: scale(0.5);
  79. background-color: #fff;
  80. }
  81. .uni-table-checkbox .checkbox__inner[data-v-1d9e1113]:hover {
  82. border-color: #007aff;
  83. }
  84. .uni-table-checkbox .checkbox__inner.is-disable[data-v-1d9e1113] {
  85. background-color: #F2F6FC;
  86. border-color: #DCDFE6;
  87. }
  88. .uni-table-checkbox .checkbox__inner.is-checked[data-v-1d9e1113] {
  89. border-color: #007aff;
  90. background-color: #007aff;
  91. }
  92. .uni-table-checkbox .checkbox__inner.is-checked .checkbox__inner-icon[data-v-1d9e1113] {
  93. opacity: 1;
  94. transform: rotate(45deg);
  95. }
  96. .uni-table-checkbox .checkbox__inner.is-checked.is-disable[data-v-1d9e1113] {
  97. opacity: 0.4;
  98. }
  99. /**
  100. * 这里是uni-app内置的常用样式变量
  101. *
  102. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  103. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  104. *
  105. */
  106. /**
  107. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  108. *
  109. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  110. */
  111. /* 颜色变量 */
  112. /* 行为相关颜色 */
  113. /* 文字基本颜色 */
  114. /* 背景颜色 */
  115. /* 边框颜色 */
  116. /* 尺寸变量 */
  117. /* 文字尺寸 */
  118. /* 图片尺寸 */
  119. /* Border Radius */
  120. /* 水平间距 */
  121. /* 垂直间距 */
  122. /* 透明度 */
  123. /* 文章场景相关 */
  124. .zb-table-footer[data-v-ced20f18] {
  125. background: #fafafa;
  126. width: -webkit-fit-content;
  127. width: fit-content;
  128. min-width: 100%;
  129. position: -webkit-sticky;
  130. position: sticky;
  131. bottom: 0;
  132. z-index: 2;
  133. }
  134. .zb-table-footer .item-tr[data-v-ced20f18] {
  135. display: flex;
  136. min-width: 100%;
  137. }
  138. .zb-table-footer .item-th[data-v-ced20f18] {
  139. padding-left: 8px;
  140. line-height: 39px;
  141. height: 40px;
  142. box-sizing: border-box;
  143. flex-shrink: 0;
  144. width: 100px;
  145. padding-right: 20px;
  146. word-break: keep-all;
  147. white-space: nowrap;
  148. overflow: hidden;
  149. text-overflow: ellipsis;
  150. overflow-wrap: break-word;
  151. border-bottom: 1px solid #e8e8e8;
  152. }
  153. .zb-table-footer .zb-table-fixed[data-v-ced20f18] {
  154. min-width: 100%;
  155. }
  156. .zb-table-footer .zb-stick-side[data-v-ced20f18] {
  157. position: -webkit-sticky;
  158. position: sticky;
  159. bottom: 0;
  160. left: 0;
  161. z-index: 2;
  162. box-sizing: border-box;
  163. background: #fafafa;
  164. }
  165. /**
  166. * 这里是uni-app内置的常用样式变量
  167. *
  168. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  169. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  170. *
  171. */
  172. /**
  173. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  174. *
  175. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  176. */
  177. /* 颜色变量 */
  178. /* 行为相关颜色 */
  179. /* 文字基本颜色 */
  180. /* 背景颜色 */
  181. /* 边框颜色 */
  182. /* 尺寸变量 */
  183. /* 文字尺寸 */
  184. /* 图片尺寸 */
  185. /* Border Radius */
  186. /* 水平间距 */
  187. /* 垂直间距 */
  188. /* 透明度 */
  189. /* 文章场景相关 */
  190. .zb-table-header[data-v-cb3e3a28] {
  191. overflow: hidden;
  192. background: #fafafa;
  193. }
  194. .zb-table-header .item-th[data-v-cb3e3a28] {
  195. padding-left: 8px;
  196. line-height: 39px;
  197. height: 40px;
  198. box-sizing: border-box;
  199. }
  200. .item-tr[data-v-cb3e3a28] {
  201. display: flex;
  202. box-sizing: border-box;
  203. }
  204. .item-td[data-v-cb3e3a28] {
  205. flex-shrink: 0;
  206. width: 100px;
  207. padding-left: 8px;
  208. height: 40px;
  209. line-height: 40px;
  210. padding-right: 20px;
  211. box-sizing: border-box;
  212. word-break: keep-all;
  213. white-space: nowrap;
  214. overflow: hidden;
  215. text-overflow: ellipsis;
  216. overflow-wrap: break-word;
  217. border-bottom: 1px solid #e8e8e8;
  218. background: #fafafa;
  219. }
  220. /**
  221. * 这里是uni-app内置的常用样式变量
  222. *
  223. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  224. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  225. *
  226. */
  227. /**
  228. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  229. *
  230. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  231. */
  232. /* 颜色变量 */
  233. /* 行为相关颜色 */
  234. /* 文字基本颜色 */
  235. /* 背景颜色 */
  236. /* 边框颜色 */
  237. /* 尺寸变量 */
  238. /* 文字尺寸 */
  239. /* 图片尺寸 */
  240. /* Border Radius */
  241. /* 水平间距 */
  242. /* 垂直间距 */
  243. /* 透明度 */
  244. /* 文章场景相关 */
  245. .table-h5-footer[data-v-c13a5501] {
  246. background: #fafafa;
  247. /*每个页面公共css */
  248. }
  249. .table-h5-footer uni-scroll-view[data-v-c13a5501] ::-webkit-scrollbar {
  250. display: none !important;
  251. width: 0 !important;
  252. height: 0 !important;
  253. -webkit-appearance: none;
  254. background: transparent;
  255. }
  256. .table-h5-footer[data-v-c13a5501] ::-webkit-scrollbar {
  257. display: none;
  258. }
  259. .table-h5-footer .item-tr[data-v-c13a5501] {
  260. display: flex;
  261. }
  262. .table-h5-footer .item-th[data-v-c13a5501] {
  263. padding-left: 8px;
  264. line-height: 39px;
  265. height: 40px;
  266. box-sizing: border-box;
  267. flex-shrink: 0;
  268. width: 100px;
  269. padding-right: 20px;
  270. word-break: keep-all;
  271. white-space: nowrap;
  272. overflow: hidden;
  273. text-overflow: ellipsis;
  274. overflow-wrap: break-word;
  275. border-bottom: 1px solid #e8e8e8;
  276. }
  277. /**
  278. * 这里是uni-app内置的常用样式变量
  279. *
  280. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  281. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  282. *
  283. */
  284. /**
  285. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  286. *
  287. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  288. */
  289. /* 颜色变量 */
  290. /* 行为相关颜色 */
  291. /* 文字基本颜色 */
  292. /* 背景颜色 */
  293. /* 边框颜色 */
  294. /* 尺寸变量 */
  295. /* 文字尺寸 */
  296. /* 图片尺寸 */
  297. /* Border Radius */
  298. /* 水平间距 */
  299. /* 垂直间距 */
  300. /* 透明度 */
  301. /* 文章场景相关 */
  302. .zb-load-more[data-v-597f0331] {
  303. width: 100%;
  304. position: absolute;
  305. bottom: 0;
  306. left: 0;
  307. z-index: 999;
  308. background: white;
  309. display: flex;
  310. height: 40px;
  311. flex-shrink: 0;
  312. align-items: center;
  313. justify-content: center;
  314. }
  315. .zb-load-more .loading-custom-image[data-v-597f0331] {
  316. color: #a4a4a4;
  317. margin-right: 0.25rem;
  318. width: 24px;
  319. height: 24px;
  320. animation: loading-circle-597f0331 1s linear infinite;
  321. }
  322. @keyframes loading-circle-597f0331 {
  323. 0% {
  324. transform: rotate(0deg);
  325. }
  326. 100% {
  327. transform: rotate(360deg);
  328. }
  329. }
  330. /**
  331. * 这里是uni-app内置的常用样式变量
  332. *
  333. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  334. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  335. *
  336. */
  337. /**
  338. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  339. *
  340. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  341. */
  342. /* 颜色变量 */
  343. /* 行为相关颜色 */
  344. /* 文字基本颜色 */
  345. /* 背景颜色 */
  346. /* 边框颜色 */
  347. /* 尺寸变量 */
  348. /* 文字尺寸 */
  349. /* 图片尺寸 */
  350. /* Border Radius */
  351. /* 水平间距 */
  352. /* 垂直间距 */
  353. /* 透明度 */
  354. /* 文章场景相关 */
  355. .zb-table-fixed-left[data-v-336e291f] {
  356. /*去除左边滚动条 */
  357. }
  358. .zb-table-fixed-left uni-scroll-view[data-v-336e291f] ::-webkit-scrollbar {
  359. display: none !important;
  360. width: 0 !important;
  361. height: 0 !important;
  362. -webkit-appearance: none;
  363. background: transparent;
  364. }
  365. .zb-table-header uni-scroll-view[data-v-336e291f] ::-webkit-scrollbar {
  366. display: none !important;
  367. width: 0 !important;
  368. height: 0 !important;
  369. -webkit-appearance: none;
  370. background: transparent;
  371. }
  372. /**
  373. * 这里是uni-app内置的常用样式变量
  374. *
  375. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  376. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  377. *
  378. */
  379. /**
  380. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  381. *
  382. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  383. */
  384. /* 颜色变量 */
  385. /* 行为相关颜色 */
  386. /* 文字基本颜色 */
  387. /* 背景颜色 */
  388. /* 边框颜色 */
  389. /* 尺寸变量 */
  390. /* 文字尺寸 */
  391. /* 图片尺寸 */
  392. /* Border Radius */
  393. /* 水平间距 */
  394. /* 垂直间距 */
  395. /* 透明度 */
  396. /* 文章场景相关 */
  397. .sorter-table[data-v-336e291f] {
  398. position: absolute;
  399. right: 6px;
  400. top: 50%;
  401. transform: translateY(-50%);
  402. }
  403. .sorter-table .sorter-table-icon[data-v-336e291f] {
  404. width: 0;
  405. height: 0;
  406. color: #dcdcdc;
  407. border-right: 4px solid transparent;
  408. border-left: 4px solid transparent;
  409. }
  410. .sorter-table .sorter-table-icon[data-v-336e291f]:first-child {
  411. border-bottom: 5px solid currentColor;
  412. }
  413. .sorter-table .sorter-table-icon[data-v-336e291f]:last-child {
  414. margin-top: 1.5px;
  415. border-top: 5px solid currentColor;
  416. }
  417. .sorter-table .sorting_desc[data-v-336e291f] {
  418. color: #2979ff;
  419. }
  420. .sorter-table .sorting_asc[data-v-336e291f] {
  421. color: #2979ff;
  422. }
  423. .checkbox-item[data-v-336e291f] {
  424. display: flex;
  425. align-items: center;
  426. justify-content: center;
  427. width: 100%;
  428. height: 100%;
  429. }
  430. .no-data[data-v-336e291f] {
  431. width: 100%;
  432. height: 2.5rem;
  433. display: flex;
  434. justify-content: center;
  435. align-items: center;
  436. border-bottom: 1px solid #e8e8e8;
  437. }
  438. .item-th[data-v-336e291f] {
  439. position: relative;
  440. flex-shrink: 0;
  441. width: 100px;
  442. overflow-wrap: break-word;
  443. border-bottom: 1px solid #e8e8e8;
  444. transition: background 0.3s;
  445. padding-right: 20px;
  446. word-break: keep-all;
  447. /* 不换行 */
  448. white-space: nowrap;
  449. /* 不换行 */
  450. overflow: hidden;
  451. /* 内容超出宽度时隐藏超出部分的内容 */
  452. text-overflow: ellipsis;
  453. /* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用。*/
  454. overflow-wrap: break-word;
  455. }
  456. .zb-table[data-v-336e291f] {
  457. height: 100%;
  458. overflow: hidden;
  459. width: 100%;
  460. display: flex;
  461. flex-direction: column;
  462. font-size: 12px;
  463. position: relative;
  464. }
  465. .zb-table .zb-table-content[data-v-336e291f] {
  466. position: relative;
  467. overflow: hidden;
  468. }
  469. .zb-table .zb-table-fixed[data-v-336e291f] {
  470. min-width: 100%;
  471. }
  472. .zb-table .zb-table-body[data-v-336e291f] {
  473. position: relative;
  474. background: #fff;
  475. transition: opacity 0.3s;
  476. }
  477. .zb-table .item-tr[data-v-336e291f] {
  478. display: flex;
  479. }
  480. .zb-table .item-td[data-v-336e291f] {
  481. flex-shrink: 0;
  482. width: 100px;
  483. padding-left: 8px;
  484. height: 40px;
  485. line-height: 40px;
  486. padding-right: 20px;
  487. box-sizing: border-box;
  488. word-break: keep-all;
  489. /* 不换行 */
  490. white-space: nowrap;
  491. /* 不换行 */
  492. overflow: hidden;
  493. /* 内容超出宽度时隐藏超出部分的内容 */
  494. text-overflow: ellipsis;
  495. /* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用。*/
  496. overflow-wrap: break-word;
  497. border-bottom: 1px solid #e8e8e8;
  498. }
  499. .zb-table .zb-table-fixed-left .zb-table-header[data-v-336e291f] {
  500. overflow-y: hidden;
  501. }
  502. .zb-table .zb-table-header[data-v-336e291f] {
  503. overflow: hidden;
  504. background: #fafafa;
  505. }
  506. .zb-table .zb-table-header .item-th[data-v-336e291f] {
  507. padding-left: 8px;
  508. line-height: 39px;
  509. height: 40px;
  510. box-sizing: border-box;
  511. }
  512. .zb-table .zb-table-fixed-left .zb-table-fixed[data-v-336e291f] {
  513. background: #fff;
  514. }
  515. .zb-table .zb-table-fixed-right .zb-table-fixed[data-v-336e291f] {
  516. background: #fff;
  517. }
  518. .zb-table .zb-table-body-inner[data-v-336e291f] {
  519. height: 100%;
  520. }
  521. .zb-table .zb-table-fixed-left[data-v-336e291f] {
  522. position: absolute;
  523. top: 0;
  524. z-index: 1;
  525. overflow: hidden;
  526. border-radius: 0;
  527. height: 100%;
  528. }
  529. .zb-table .odd[data-v-336e291f] {
  530. background-color: rgba(249, 249, 249, 0.6);
  531. width: 100%;
  532. }
  533. .zb-table .even[data-v-336e291f] {
  534. background-color: white;
  535. width: 100%;
  536. }
  537. .scroll-left-fixed .zb-table-fixed-left[data-v-336e291f] {
  538. left: 0;
  539. box-shadow: 6px 0 6px -4px #ccc;
  540. }
  541. .zb-table-applet[data-v-336e291f] {
  542. height: 100%;
  543. width: 100%;
  544. position: relative;
  545. display: flex;
  546. flex-direction: column;
  547. font-size: 12px;
  548. }
  549. .zb-table-applet .zb-table-content[data-v-336e291f] {
  550. flex: 1;
  551. overflow: hidden;
  552. position: relative;
  553. }
  554. .zb-table-applet .zb-table-fixed[data-v-336e291f] {
  555. min-width: 100%;
  556. width: -webkit-fit-content;
  557. width: fit-content;
  558. }
  559. .zb-table-applet .zb-table-body[data-v-336e291f] {
  560. position: relative;
  561. background: #fff;
  562. transition: opacity 0.3s;
  563. }
  564. .zb-table-applet .item-tr[data-v-336e291f] {
  565. display: flex;
  566. }
  567. .zb-table-applet .item-td[data-v-336e291f] {
  568. flex-shrink: 0;
  569. width: 100px;
  570. padding-left: 8px;
  571. height: 40px;
  572. line-height: 40px;
  573. padding-right: 20px;
  574. box-sizing: border-box;
  575. word-break: keep-all;
  576. /* 不换行 */
  577. white-space: nowrap;
  578. /* 不换行 */
  579. overflow: hidden;
  580. /* 内容超出宽度时隐藏超出部分的内容 */
  581. text-overflow: ellipsis;
  582. /* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用。*/
  583. overflow-wrap: break-word;
  584. border-bottom: 1px solid #e8e8e8;
  585. }
  586. .zb-table-applet .zb-table-header[data-v-336e291f] {
  587. position: -webkit-sticky;
  588. position: sticky;
  589. top: 0;
  590. z-index: 2;
  591. }
  592. .zb-table-applet .zb-table-header .item-th[data-v-336e291f] {
  593. padding-left: 8px;
  594. line-height: 39px;
  595. height: 40px;
  596. box-sizing: border-box;
  597. background: #fafafa;
  598. }
  599. .zb-table-applet .zb-table-header .zb-stick-side[data-v-336e291f] {
  600. position: -webkit-sticky;
  601. position: sticky;
  602. top: 0;
  603. left: 0;
  604. z-index: 2;
  605. box-sizing: border-box;
  606. background: #fafafa;
  607. }
  608. .zb-table-applet .zb-table-fixed-left .zb-table-fixed[data-v-336e291f] {
  609. background: #fff;
  610. }
  611. .zb-table-applet .zb-table-fixed-right .zb-table-fixed[data-v-336e291f] {
  612. background: #fff;
  613. }
  614. .zb-table-applet .zb-table-fixed-header .zb-table-body-inner[data-v-336e291f] {
  615. height: 100%;
  616. }
  617. .zb-table-applet .zb-table-fixed-left[data-v-336e291f] {
  618. position: absolute;
  619. top: 0;
  620. z-index: 1;
  621. overflow: hidden;
  622. border-radius: 0;
  623. height: 100%;
  624. }
  625. .zb-table-applet .scroll-left-fixed .zb-table-fixed-left[data-v-336e291f] {
  626. left: 0;
  627. box-shadow: 6px 0 6px -4px #ccc;
  628. }
  629. .zb-table-applet .odd[data-v-336e291f] {
  630. background-color: rgba(249, 249, 249, 0.6);
  631. width: 100%;
  632. }
  633. .zb-table-applet .even[data-v-336e291f] {
  634. background-color: white;
  635. width: 100%;
  636. }
  637. .zb-table-applet .zb-table-tbody .zb-stick-side[data-v-336e291f] {
  638. position: -webkit-sticky;
  639. position: sticky;
  640. left: 0;
  641. z-index: 1;
  642. box-sizing: border-box;
  643. background: white;
  644. }
  645. .zb-table-applet .zb-table-tbody .odd[data-v-336e291f] {
  646. background: #f9f9f9;
  647. width: 100%;
  648. }
  649. .zb-table-applet .zb-table-tbody .even[data-v-336e291f] {
  650. background: white;
  651. width: 100%;
  652. }
  653. .zb-table-applet .current-row .item-td[data-v-336e291f] {
  654. background-color: #ecf5ff;
  655. }
  656. .current-row .item-td[data-v-336e291f] {
  657. background-color: #ecf5ff;
  658. }
  659. .zb-table-header[data-v-336e291f] {
  660. height: 40px;
  661. }
  662. .scrollPosition[data-v-336e291f] {
  663. position: absolute;
  664. right: 0;
  665. top: 0;
  666. height: 100%;
  667. background: red;
  668. z-index: 999;
  669. }
  670. .static-text[data-v-336e291f] {
  671. color: red;
  672. /* 静置的文字颜色 */
  673. font-weight: 600;
  674. }
  675. .forward-text[data-v-336e291f] {
  676. color: #155724;
  677. /* 正向的文字颜色 */
  678. font-weight: 600;
  679. }
  680. /**
  681. * 这里是uni-app内置的常用样式变量
  682. *
  683. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  684. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  685. *
  686. */
  687. /**
  688. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  689. *
  690. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  691. */
  692. /* 颜色变量 */
  693. /* 行为相关颜色 */
  694. /* 文字基本颜色 */
  695. /* 背景颜色 */
  696. /* 边框颜色 */
  697. /* 尺寸变量 */
  698. /* 文字尺寸 */
  699. /* 图片尺寸 */
  700. /* Border Radius */
  701. /* 水平间距 */
  702. /* 垂直间距 */
  703. /* 透明度 */
  704. /* 文章场景相关 */
  705. @property --l-loading-start {
  706. syntax: "<length-percentage>";
  707. initial-value: 1%;
  708. inherits: false;
  709. }
  710. @property --l-loading-end {
  711. syntax: "<length-percentage>";
  712. initial-value: 1%;
  713. inherits: false;
  714. }
  715. @property --l-left {
  716. syntax: "<length-percentage>";
  717. initial-value: 1%;
  718. inherits: false;
  719. }
  720. @property --l-loadding-ball-size {
  721. syntax: "<length> | <length-percentage>";
  722. inherits: false;
  723. }
  724. [data-v-e1d73892]:host {
  725. display: inline-flex;
  726. }
  727. .l-loading[data-v-e1d73892] {
  728. position: relative;
  729. color: var(--l-loading-color, #3283ff);
  730. font-size: 0;
  731. vertical-align: middle;
  732. }
  733. .l-loading--ball[data-v-e1d73892] {
  734. display: inline-flex;
  735. align-items: center;
  736. }
  737. .l-loading--ball .l-loading__ball[data-v-e1d73892] {
  738. position: relative;
  739. perspective: calc(var(--l-loadding-ball-size) * 4);
  740. transform-style: preserve-3d;
  741. }
  742. .l-loading--ball .l-loading__ball[data-v-e1d73892]:before {
  743. background-color: #3283ff;
  744. left: 0%;
  745. animation-name: l-ball-before-e1d73892;
  746. }
  747. .l-loading--ball .l-loading__ball[data-v-e1d73892]:after {
  748. right: 0;
  749. background-color: red;
  750. animation-name: l-ball-after-e1d73892;
  751. }
  752. .l-loading--ball .l-loading__ball[data-v-e1d73892]:before, .l-loading--ball .l-loading__ball[data-v-e1d73892]:after {
  753. top: 0;
  754. content: "";
  755. position: absolute;
  756. height: 100%;
  757. aspect-ratio: 1/1;
  758. border-radius: 50%;
  759. animation-iteration-count: infinite;
  760. animation-delay: -100ms;
  761. animation-duration: 900ms;
  762. mix-blend-mode: darken;
  763. }
  764. .l-loading--circular .l-loading__circular[data-v-e1d73892] {
  765. display: inline-block;
  766. position: relative;
  767. animation: l-rotate-e1d73892 var(--l-loading-duration, 1s) linear infinite;
  768. vertical-align: middle;
  769. }
  770. .l-loading--circular .l-loading__circular[data-v-e1d73892]:before {
  771. content: "";
  772. display: block;
  773. width: 100%;
  774. height: 100%;
  775. border-radius: 50%;
  776. background-image: conic-gradient(var(--l-loading-color-1, transparent) 0%, var(--l-loading-color-2, currentColor) 100%);
  777. mask: radial-gradient(closest-side, transparent calc(80% - 1px), #fff 80%);
  778. -webkit-mask: radial-gradient(closest-side, transparent calc(80% - 1px), #fff 80%);
  779. animation: l-circular-e1d73892 2.5s ease-in-out infinite;
  780. transform: rotate(90deg);
  781. }
  782. .l-loading--spinner .l-loading__spinner[data-v-e1d73892] {
  783. position: relative;
  784. box-sizing: border-box;
  785. width: 100%;
  786. height: 100%;
  787. max-width: 100%;
  788. max-height: 100%;
  789. animation-timing-function: steps(12);
  790. animation: l-rotate-e1d73892 0.8s linear infinite;
  791. }
  792. .l-loading--spinner .l-loading__dot[data-v-e1d73892] {
  793. position: absolute;
  794. top: 0;
  795. left: 0;
  796. width: 100%;
  797. height: 100%;
  798. transform: rotate(calc(var(--l-loading-dot, 1) * 30deg));
  799. opacity: calc(var(--l-loading-dot, 1) / 12);
  800. }
  801. .l-loading--spinner .l-loading__dot[data-v-e1d73892]::before {
  802. display: block;
  803. width: 0.15625rem;
  804. height: 25%;
  805. margin: 0 auto;
  806. background-color: currentColor;
  807. border-radius: 40%;
  808. content: " ";
  809. }
  810. .l-loading__text[data-v-e1d73892] {
  811. display: inline-block;
  812. margin-left: var(--l-spacer-xs, 8px);
  813. color: var(--l-loading-text-color, var(--l-text-color-3, rgba(0, 0, 0, 0.45)));
  814. font-size: var(--l-loading-font-size, var(--l-font-size, 14px));
  815. vertical-align: middle;
  816. }
  817. .l-loading.is-vertical[data-v-e1d73892] {
  818. display: inline-flex;
  819. flex-direction: column;
  820. align-items: center;
  821. }
  822. .l-loading.is-vertical .l-loading__text[data-v-e1d73892] {
  823. margin: var(--l-spacer-tn, 4px) 0 0;
  824. }
  825. .l-loading__ball[data-v-e1d73892], .l-loading__circular[data-v-e1d73892], .l-loading__spinner[data-v-e1d73892] {
  826. width: var(--l-loading-size, 20px);
  827. height: var(--l-loading-size, 20px);
  828. }
  829. @keyframes l-circular-e1d73892 {
  830. 0% {
  831. --l-loading-start: 0%;
  832. --l-loading-end: 0%;
  833. }
  834. 50% {
  835. --l-loading-start: 0%;
  836. --l-loading-end: 100%;
  837. }
  838. 100% {
  839. --l-loading-start: 100%;
  840. --l-loading-end: 100%;
  841. }
  842. }
  843. @keyframes l-rotate-e1d73892 {
  844. to {
  845. transform: rotate(1turn);
  846. }
  847. }
  848. @keyframes l-ball-before-e1d73892 {
  849. 0% {
  850. animation-timing-function: ease-in;
  851. }
  852. 25% {
  853. animation-timing-function: ease-out;
  854. --l-left: calc((var(--l-loadding-ball-size,100%) * 2.1 - var(--l-loadding-ball-size,100%)) / 2);
  855. transform: translate3d(var(--l-left), 0, var(--l-loadding-ball-size));
  856. }
  857. 50% {
  858. --l-left: calc((var(--l-loadding-ball-size,100%) * 2.1 - var(--l-loadding-ball-size,100%)));
  859. animation-timing-function: ease-in;
  860. transform: translate3d(var(--l-left), 0, 0);
  861. }
  862. 75% {
  863. animation-timing-function: ease-out;
  864. --l-left: calc((var(--l-loadding-ball-size,100%) * 2.1 - var(--l-loadding-ball-size,100%)) / 2);
  865. transform: translate3d(var(--l-left), 0, calc(var(--l-loadding-ball-size) * -1));
  866. }
  867. }
  868. @keyframes l-ball-after-e1d73892 {
  869. 0% {
  870. animation-timing-function: ease-in;
  871. }
  872. 25% {
  873. animation-timing-function: ease-out;
  874. --l-left: calc((var(--l-loadding-ball-size,100%) * 2.1 - var(--l-loadding-ball-size,100%)) / 2 * -1);
  875. transform: translate3d(var(--l-left), 0, calc(var(--l-loadding-ball-size) * -1));
  876. }
  877. 50% {
  878. animation-timing-function: ease-in;
  879. --l-left: calc((var(--l-loadding-ball-size,100%) * 2.1 - var(--l-loadding-ball-size,100%)) * -1);
  880. transform: translate3d(var(--l-left), 0, 0);
  881. }
  882. 75% {
  883. animation-timing-function: ease-out;
  884. --l-left: calc((var(--l-loadding-ball-size,100%) * 2.1 - var(--l-loadding-ball-size,100%)) / 2 * -1);
  885. transform: translate3d(var(--l-left), 0, var(--l-loadding-ball-size));
  886. }
  887. }
  888. /**
  889. * 这里是uni-app内置的常用样式变量
  890. *
  891. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  892. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  893. *
  894. */
  895. /**
  896. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  897. *
  898. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  899. */
  900. /* 颜色变量 */
  901. /* 行为相关颜色 */
  902. /* 文字基本颜色 */
  903. /* 背景颜色 */
  904. /* 边框颜色 */
  905. /* 尺寸变量 */
  906. /* 文字尺寸 */
  907. /* 图片尺寸 */
  908. /* Border Radius */
  909. /* 水平间距 */
  910. /* 垂直间距 */
  911. /* 透明度 */
  912. /* 文章场景相关 */
  913. .l-switch[data-v-43179dfc] {
  914. display: inline-flex;
  915. flex-direction: row;
  916. align-items: center;
  917. }
  918. .l-switch__rail[data-v-43179dfc] {
  919. position: relative;
  920. height: var(--l-switch-height, 28px);
  921. min-width: var(--l-switch-width, 45px);
  922. transition-duration: 300ms;
  923. transition-property: background-color;
  924. transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  925. }
  926. .l-switch--hover .l-switch__dot[data-v-43179dfc] {
  927. max-width: var(--l-switch-dot-size-pressed, calc(var(--l-switch-dot-size, 22px) * 1.25));
  928. }
  929. .l-switch--hover.l-switch--checked .l-switch__dot[data-v-43179dfc] {
  930. left: calc(100% - var(--l-switch-dot-size-pressed, calc(var(--l-switch-dot-size, 22px) * 1.25)) - var(--l-switch-dot-offset, calc((var(--l-switch-height, 28px) - var(--l-switch-dot-size, 22px)) / 2)));
  931. }
  932. .l-switch--hover.l-switch--checked .l-switch__placeholder--unchecked[data-v-43179dfc] {
  933. padding-left: calc(1.25 * var(--l-switch-dot-size-pressed, calc(var(--l-switch-dot-size, 22px) * 1.25)));
  934. }
  935. .l-switch--hover.l-switch--unchecked .l-switch__placeholder--checked[data-v-43179dfc] {
  936. padding-right: calc(1.25 * var(--l-switch-dot-size-pressed, calc(var(--l-switch-dot-size, 22px) * 1.25)));
  937. }
  938. .l-switch--checked[data-v-43179dfc] {
  939. background-color: var(--l-switch-checked-color, #3283ff);
  940. }
  941. .l-switch--checked .l-switch__dot[data-v-43179dfc] {
  942. left: calc(100% - var(--l-switch-dot-size, 22px) - var(--l-switch-dot-offset, calc((var(--l-switch-height, 28px) - var(--l-switch-dot-size, 22px)) / 2)));
  943. }
  944. .l-switch--checked.l-switch--disabled[data-v-43179dfc] {
  945. background-color: var(--l-switch-checked-disabled-color, var(--l-primary-color-3, #add6ff));
  946. }
  947. .l-switch--unchecked[data-v-43179dfc] {
  948. background-color: var(--l-switch-unchecked-color, var(--l-gray-4, #dcdcdc));
  949. }
  950. .l-switch--unchecked.l-switch--disabled[data-v-43179dfc] {
  951. background-color: var(--l-switch-unchecked-disabled-color, var(--l-gray-2, #eeeeee));
  952. }
  953. .l-switch--round[data-v-43179dfc] {
  954. border-radius: var(--l-switch-radius, 99px);
  955. }
  956. .l-switch--square[data-v-43179dfc] {
  957. border-radius: var(--l-switch-radius, 4px);
  958. }
  959. .l-switch__dot[data-v-43179dfc] {
  960. position: absolute;
  961. background-color: var(--l-switch-dot-bg-color, white);
  962. height: var(--l-switch-dot-size, 22px);
  963. pointer-events: none;
  964. justify-content: center;
  965. align-items: center;
  966. overflow: visible;
  967. transition-duration: 300ms;
  968. transition-property: background-color, opacity, left, max-width, width, box-shadow, transform;
  969. transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  970. display: flex;
  971. width: var(--l-switch-dot-size-pressed, calc(var(--l-switch-dot-size, 22px) * 1.25));
  972. max-width: var(--l-switch-dot-size, 22px);
  973. left: var(--l-switch-dot-offset, calc((var(--l-switch-height, 28px) - var(--l-switch-dot-size, 22px)) / 2));
  974. top: var(--l-switch-dot-offset, calc((var(--l-switch-height, 28px) - var(--l-switch-dot-size, 22px)) / 2));
  975. --l-loading-size: calc(var(--l-switch-dot-size, 22px) * 0.7);
  976. --l-loading-color: var(--l-switch-checked-color, #3283ff);
  977. }
  978. .l-switch__dot--round[data-v-43179dfc] {
  979. border-radius: var(--l-switch-dot-radius, 99px);
  980. }
  981. .l-switch__dot--square[data-v-43179dfc] {
  982. border-radius: var(--l-switch-dot-radius, 2.5px);
  983. }
  984. .l-switch__placeholder[data-v-43179dfc] {
  985. overflow: visible;
  986. position: absolute;
  987. white-space: nowrap;
  988. pointer-events: none;
  989. top: 50%;
  990. transform: translateY(-53%);
  991. line-height: 1;
  992. font-size: var(--l-swtich-font-size, 14px);
  993. color: var(--l-swtich-text-color, white);
  994. box-sizing: content-box;
  995. }
  996. .l-switch__placeholder--checked[data-v-43179dfc] {
  997. right: 0;
  998. text-align: right;
  999. padding-right: calc(1.20 * var(--l-switch-height, 28px) - var(--l-switch-dot-offset, calc((var(--l-switch-height, 28px) - var(--l-switch-dot-size, 22px)) / 2)));
  1000. }
  1001. .l-switch__placeholder--unchecked[data-v-43179dfc] {
  1002. left: 0;
  1003. padding-left: calc(1.20 * var(--l-switch-height, 28px) - var(--l-switch-dot-offset, calc((var(--l-switch-height, 28px) - var(--l-switch-dot-size, 22px)) / 2)));
  1004. }
  1005. .l-switch__children-placeholder[data-v-43179dfc] {
  1006. height: var(--l-switch-height, 28px);
  1007. }
  1008. .l-switch__rail-placeholder[data-v-43179dfc] {
  1009. opacity: 0;
  1010. padding-left: calc(1.75 * var(--l-switch-height, 28px));
  1011. font-size: var(--l-swtich-font-size, 14px);
  1012. }
  1013. /**
  1014. * 这里是uni-app内置的常用样式变量
  1015. *
  1016. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  1017. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  1018. *
  1019. */
  1020. /**
  1021. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  1022. *
  1023. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  1024. */
  1025. /* 颜色变量 */
  1026. /* 行为相关颜色 */
  1027. /* 文字基本颜色 */
  1028. /* 背景颜色 */
  1029. /* 边框颜色 */
  1030. /* 尺寸变量 */
  1031. /* 文字尺寸 */
  1032. /* 图片尺寸 */
  1033. /* Border Radius */
  1034. /* 水平间距 */
  1035. /* 垂直间距 */
  1036. /* 透明度 */
  1037. /* 文章场景相关 */
  1038. .uni-numbox[data-v-7ae2ee72] {
  1039. display: flex;
  1040. flex-direction: row;
  1041. }
  1042. .uni-numbox-btns[data-v-7ae2ee72] {
  1043. display: flex;
  1044. flex-direction: row;
  1045. align-items: center;
  1046. justify-content: center;
  1047. padding: 0 8px;
  1048. background-color: #f5f5f5;
  1049. }
  1050. .uni-numbox__value[data-v-7ae2ee72] {
  1051. margin: 0 2px;
  1052. background-color: #f5f5f5;
  1053. width: 40px;
  1054. height: 26px;
  1055. text-align: center;
  1056. font-size: 14px;
  1057. border-width: 0;
  1058. color: #333;
  1059. }
  1060. .uni-numbox__minus[data-v-7ae2ee72] {
  1061. border-top-left-radius: 2px;
  1062. border-bottom-left-radius: 2px;
  1063. }
  1064. .uni-numbox__plus[data-v-7ae2ee72] {
  1065. border-top-right-radius: 2px;
  1066. border-bottom-right-radius: 2px;
  1067. }
  1068. .uni-numbox--text[data-v-7ae2ee72] {
  1069. line-height: 20px;
  1070. margin-bottom: 2px;
  1071. font-size: 20px;
  1072. font-weight: 300;
  1073. color: #333;
  1074. }
  1075. .uni-numbox .uni-numbox--disabled[data-v-7ae2ee72] {
  1076. color: #c0c0c0 !important;
  1077. }
  1078. /**
  1079. * 这里是uni-app内置的常用样式变量
  1080. *
  1081. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  1082. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  1083. *
  1084. */
  1085. /**
  1086. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  1087. *
  1088. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  1089. */
  1090. /* 颜色变量 */
  1091. /* 行为相关颜色 */
  1092. /* 文字基本颜色 */
  1093. /* 背景颜色 */
  1094. /* 边框颜色 */
  1095. /* 尺寸变量 */
  1096. /* 文字尺寸 */
  1097. /* 图片尺寸 */
  1098. /* Border Radius */
  1099. /* 水平间距 */
  1100. /* 垂直间距 */
  1101. /* 透明度 */
  1102. /* 文章场景相关 */
  1103. .uni-popup[data-v-4dd3c44b] {
  1104. position: fixed;
  1105. z-index: 99;
  1106. }
  1107. .uni-popup.top[data-v-4dd3c44b], .uni-popup.left[data-v-4dd3c44b], .uni-popup.right[data-v-4dd3c44b] {
  1108. top: 0;
  1109. }
  1110. .uni-popup .uni-popup__wrapper[data-v-4dd3c44b] {
  1111. display: block;
  1112. position: relative;
  1113. /* iphonex 等安全区设置,底部安全区适配 */
  1114. }
  1115. .uni-popup .uni-popup__wrapper.left[data-v-4dd3c44b], .uni-popup .uni-popup__wrapper.right[data-v-4dd3c44b] {
  1116. padding-top: 0;
  1117. flex: 1;
  1118. }
  1119. .fixforpc-z-index[data-v-4dd3c44b] {
  1120. z-index: 999;
  1121. }
  1122. .fixforpc-top[data-v-4dd3c44b] {
  1123. top: 0;
  1124. }
  1125. /**
  1126. * 这里是uni-app内置的常用样式变量
  1127. *
  1128. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  1129. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  1130. *
  1131. */
  1132. /**
  1133. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  1134. *
  1135. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  1136. */
  1137. /* 颜色变量 */
  1138. /* 行为相关颜色 */
  1139. /* 文字基本颜色 */
  1140. /* 背景颜色 */
  1141. /* 边框颜色 */
  1142. /* 尺寸变量 */
  1143. /* 文字尺寸 */
  1144. /* 图片尺寸 */
  1145. /* Border Radius */
  1146. /* 水平间距 */
  1147. /* 垂直间距 */
  1148. /* 透明度 */
  1149. /* 文章场景相关 */
  1150. .custom-picker[data-v-ea611825] {
  1151. width: 100%;
  1152. height: 25rem;
  1153. background-color: #fff;
  1154. padding-bottom: 0;
  1155. padding-bottom: constant(safe-area-inset-bottom);
  1156. padding-bottom: env(safe-area-inset-bottom);
  1157. }
  1158. .custom-picker .custom-picker__header[data-v-ea611825] {
  1159. display: flex;
  1160. align-items: center;
  1161. justify-content: space-between;
  1162. padding: 0.9375rem 1.25rem;
  1163. }
  1164. .custom-picker .custom-picker__header .cancel[data-v-ea611825] {
  1165. color: #666;
  1166. }
  1167. .custom-picker .custom-picker__header .title[data-v-ea611825] {
  1168. font-size: 1rem;
  1169. color: #333;
  1170. }
  1171. .custom-picker .custom-picker__header .confirm[data-v-ea611825] {
  1172. color: #2bb781;
  1173. }
  1174. .picker-view[data-v-ea611825] {
  1175. width: 100%;
  1176. height: 12.5rem;
  1177. position: relative;
  1178. /* 使横线相对于 picker-view 定位 */
  1179. }
  1180. .picker-view__item[data-v-ea611825] {
  1181. line-height: 3.125rem;
  1182. text-align: center;
  1183. }
  1184. .picker-view[data-v-ea611825] .picker-view__indicator {
  1185. height: 3.125rem;
  1186. color: #2bb781;
  1187. }
  1188. .picker-view__segmentation[data-v-ea611825] {
  1189. display: flex;
  1190. align-items: center;
  1191. }
  1192. .picker-view[data-v-ea611825]::before::before {
  1193. content: attr(data-segmentation);
  1194. display: block;
  1195. position: absolute;
  1196. left: 50%;
  1197. top: 50%;
  1198. }
  1199. .horizontal-line1[data-v-ea611825] {
  1200. position: absolute;
  1201. top: 46%;
  1202. /* 将横线垂直居中 */
  1203. left: 25%;
  1204. z-index: 1;
  1205. /* 确保横线在内容之上 */
  1206. }
  1207. .horizontal-line2[data-v-ea611825] {
  1208. position: absolute;
  1209. top: 46%;
  1210. /* 将横线垂直居中 */
  1211. left: 50%;
  1212. z-index: 1;
  1213. /* 确保横线在内容之上 */
  1214. }
  1215. .horizontal-line3[data-v-ea611825] {
  1216. position: absolute;
  1217. top: 46%;
  1218. /* 将横线垂直居中 */
  1219. left: 75%;
  1220. z-index: 1;
  1221. /* 确保横线在内容之上 */
  1222. }
  1223. /* 弹出层内容样式 */
  1224. .popup-content[data-v-ea611825] {
  1225. padding: 30px;
  1226. display: flex;
  1227. margin-top: 1.25rem;
  1228. justify-content: space-around;
  1229. text-align: center;
  1230. border-radius: 0.625rem;
  1231. box-sizing: border-box;
  1232. }
  1233. /* 文本样式 */
  1234. .popuptext[data-v-ea611825] {
  1235. display: flex;
  1236. align-items: center;
  1237. font-size: 0.8125rem;
  1238. color: #333;
  1239. margin-bottom: 1.875rem;
  1240. }
  1241. .popuptext_left[data-v-ea611825] {
  1242. margin-right: 0.625rem;
  1243. }
  1244. /* 取消按钮样式 */
  1245. .cancel-button[data-v-ea611825] {
  1246. margin-top: 0.625rem;
  1247. font-size: 0.75rem;
  1248. color: #333;
  1249. border: 0px solid rgba(0, 0, 0, 0) !important;
  1250. background-color: #fff;
  1251. }
  1252. .uni-button[data-v-ea611825]:after {
  1253. border: 0px solid rgba(0, 0, 0, 0) !important;
  1254. }
  1255. /* 确认按钮样式 */
  1256. .confirm-button[data-v-ea611825] {
  1257. width: 3.75rem;
  1258. height: 1.875rem;
  1259. margin-top: 0.3125rem;
  1260. font-size: 0.75rem;
  1261. background-color: #007aff;
  1262. color: #fff;
  1263. }
  1264. /* 根据设备类型调整高度 */
  1265. .popup-height[data-v-ea611825] {
  1266. height: 200px;
  1267. }
  1268. .popupbutton[data-v-ea611825] {
  1269. display: flex;
  1270. justify-content: center;
  1271. }
  1272. .l-switch[data-v-ea611825] {
  1273. overflow: hidden;
  1274. }
  1275. .l-switch__rail-placeholder[data-v-ea611825] {
  1276. height: 100%;
  1277. }
  1278. .uni-page[data-v-841deaed]{
  1279. width: 100%;
  1280. height: 100%;
  1281. }
  1282. .container[data-v-841deaed] {
  1283. height: 92vh;
  1284. background: linear-gradient(to bottom, #007545 -40%, #f0f5f5 40%, #f0f5f5 100%);
  1285. box-sizing: border-box;
  1286. }
  1287. .account_number[data-v-841deaed]{
  1288. width: 100%;
  1289. padding: 0.625rem;
  1290. display: flex;
  1291. justify-content: center;
  1292. box-sizing: border-box;
  1293. }
  1294. .account_number_box[data-v-841deaed]{
  1295. width: 100%;
  1296. height: 5.625rem;
  1297. padding: 0.625rem;
  1298. box-sizing: border-box;
  1299. background-color: #f0f5f5;
  1300. border-radius: 0.3125rem;
  1301. }
  1302. .account_title[data-v-841deaed]{
  1303. font-size: 0.875rem;
  1304. font-weight: 600;
  1305. }
  1306. .toptabbar[data-v-841deaed] {
  1307. width: 100%;
  1308. padding: 0.3125rem 0.625rem;
  1309. box-sizing: border-box;
  1310. }
  1311. .toptabbar_box[data-v-841deaed]{
  1312. display: flex;
  1313. width: 100%;
  1314. background-color: #f0f5f5;
  1315. border-radius: 0.3125rem;
  1316. padding: 0.625rem;
  1317. overflow: x;
  1318. box-sizing: border-box;
  1319. }
  1320. .account_discharge2[data-v-841deaed]{
  1321. margin-left: 1.25rem;
  1322. }
  1323. .account_discharge[data-v-841deaed]{
  1324. display: flex;
  1325. font-size: 0.75rem;
  1326. margin-top: 0.9375rem;
  1327. }
  1328. .account_text[data-v-841deaed]{
  1329. display: flex;
  1330. font-size: 0.6875rem;
  1331. margin-top: 0.3125rem;
  1332. }
  1333. .toptabbar_box1[data-v-841deaed]{
  1334. width: 100%;
  1335. height: 1.25rem;
  1336. display: flex;
  1337. }
  1338. .toptabbar_box2[data-v-841deaed]{
  1339. flex: 1;
  1340. display: flex;
  1341. justify-content: center;
  1342. }
  1343. .toptabbar_box11[data-v-841deaed]{
  1344. margin-top: 0.9375rem;
  1345. width: 100%;
  1346. height: 1.25rem;
  1347. display: flex;
  1348. border-bottom: 0.03125rem solid #cccccc;
  1349. padding-bottom:0.3125rem;
  1350. }
  1351. .toptabbar_direction[data-v-841deaed]{
  1352. flex: 1;
  1353. display: flex;
  1354. justify-content: center;
  1355. color: #007545;
  1356. font-weight: 600;
  1357. }
  1358. .toptabbar_direction1[data-v-841deaed]{
  1359. flex: 1;
  1360. display: flex;
  1361. justify-content: center;
  1362. color: #E56E36;
  1363. font-weight: 600;
  1364. }
  1365. .popup-height[data-v-841deaed] {
  1366. @include height;
  1367. width: 400px;
  1368. }
  1369. .text[data-v-841deaed] {
  1370. font-size: 12px;
  1371. color: #333;
  1372. }
  1373. .popup-success[data-v-841deaed] {
  1374. color: #fff;
  1375. background-color: #e1f3d8;
  1376. }
  1377. .popup-warn[data-v-841deaed] {
  1378. color: #fff;
  1379. background-color: #faecd8;
  1380. }
  1381. .popup-error[data-v-841deaed] {
  1382. color: #fff;
  1383. background-color: #fde2e2;
  1384. }
  1385. /* 弹出层内容样式 */
  1386. .popup-content[data-v-841deaed] {
  1387. height: 18.75rem;
  1388. padding: 30px;
  1389. text-align: center;
  1390. border-radius: 0.625rem;
  1391. box-sizing: border-box;
  1392. }
  1393. /* 文本样式 */
  1394. .popuptext[data-v-841deaed] {
  1395. display: flex;
  1396. align-items: center;
  1397. font-size: 0.8125rem;
  1398. color: #333;
  1399. margin-bottom: 1.875rem;
  1400. }
  1401. .popuptext_left[data-v-841deaed]{
  1402. margin-right: 0.625rem;
  1403. }
  1404. /* 取消按钮样式 */
  1405. .cancel-button[data-v-841deaed] {
  1406. margin-top: 0.625rem;
  1407. font-size: 0.75rem;
  1408. color: #333;
  1409. border: 0px solid rgba(0, 0, 0, 0) !important;
  1410. background-color: #fff;
  1411. }
  1412. .uni-button[data-v-841deaed]:after{
  1413. border: 0px solid rgba(0, 0, 0, 0) !important;
  1414. }
  1415. /* 确认按钮样式 */
  1416. .confirm-button[data-v-841deaed] {
  1417. width: 3.75rem;
  1418. height: 1.875rem;
  1419. margin-top: 0.3125rem;
  1420. font-size: 0.75rem;
  1421. background-color: #007aff;
  1422. color: #fff;
  1423. }
  1424. /* 根据设备类型调整高度 */
  1425. .popup-height[data-v-841deaed] {
  1426. height: 200px;
  1427. }
  1428. .popupbutton[data-v-841deaed]{
  1429. display: flex;
  1430. justify-content: center;
  1431. }
  1432. .l-switch[data-v-841deaed]{
  1433. overflow: hidden;
  1434. }
  1435. .l-switch__rail-placeholder[data-v-841deaed]{
  1436. height: 100%;
  1437. }
  1438. .addtable[data-v-841deaed]{
  1439. width: 100%;
  1440. height: 0.625rem;
  1441. text-align: center;
  1442. }
  1443. .static-direction[data-v-841deaed] {
  1444. background-color: #f0f0f0; /* 静置的背景色 */
  1445. color: #333; /* 静置的文字颜色 */
  1446. }
  1447. .forward-direction[data-v-841deaed] {
  1448. background-color: #d4edda; /* 正向的背景色 */
  1449. color: #155724; /* 正向的文字颜色 */
  1450. }
  1451. .reverse-direction[data-v-841deaed] {
  1452. background-color: #f8d7da; /* 反向的背景色 */
  1453. color: #721c24; /* 反向的文字颜色 */
  1454. }