| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468 |
- /**
- * 这里是uni-app内置的常用样式变量
- *
- * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
- * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
- *
- */
- /**
- * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
- *
- * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
- */
- /* 颜色变量 */
- /* 行为相关颜色 */
- /* 文字基本颜色 */
- /* 背景颜色 */
- /* 边框颜色 */
- /* 尺寸变量 */
- /* 文字尺寸 */
- /* 图片尺寸 */
- /* Border Radius */
- /* 水平间距 */
- /* 垂直间距 */
- /* 透明度 */
- /* 文章场景相关 */
- .uni-table-checkbox[data-v-1d9e1113] {
- display: flex;
- flex-direction: row;
- align-items: center;
- justify-content: center;
- position: relative;
- margin: 5px 0;
- cursor: pointer;
- }
- .uni-table-checkbox .checkbox__inner[data-v-1d9e1113] {
- flex-shrink: 0;
- box-sizing: border-box;
- position: relative;
- width: 16px;
- height: 16px;
- border: 1px solid #DCDFE6;
- border-radius: 2px;
- background-color: #fff;
- z-index: 1;
- }
- .uni-table-checkbox .checkbox__inner .checkbox__inner-icon[data-v-1d9e1113] {
- position: absolute;
- top: 2px;
- left: 5px;
- height: 7px;
- width: 3px;
- border: 1px solid #fff;
- border-left: 0;
- border-top: 0;
- opacity: 0;
- transform-origin: center;
- transform: rotate(45deg);
- box-sizing: content-box;
- }
- .uni-table-checkbox .checkbox__inner.checkbox--indeterminate[data-v-1d9e1113] {
- border-color: #007aff;
- background-color: #007aff;
- }
- .uni-table-checkbox .checkbox__inner.checkbox--indeterminate .checkbox__inner-icon[data-v-1d9e1113] {
- position: absolute;
- opacity: 1;
- transform: rotate(0deg);
- height: 2px;
- top: 0;
- bottom: 0;
- margin: auto;
- left: 0px;
- right: 0px;
- bottom: 0;
- width: auto;
- border: none;
- border-radius: 2px;
- transform: scale(0.5);
- background-color: #fff;
- }
- .uni-table-checkbox .checkbox__inner[data-v-1d9e1113]:hover {
- border-color: #007aff;
- }
- .uni-table-checkbox .checkbox__inner.is-disable[data-v-1d9e1113] {
- background-color: #F2F6FC;
- border-color: #DCDFE6;
- }
- .uni-table-checkbox .checkbox__inner.is-checked[data-v-1d9e1113] {
- border-color: #007aff;
- background-color: #007aff;
- }
- .uni-table-checkbox .checkbox__inner.is-checked .checkbox__inner-icon[data-v-1d9e1113] {
- opacity: 1;
- transform: rotate(45deg);
- }
- .uni-table-checkbox .checkbox__inner.is-checked.is-disable[data-v-1d9e1113] {
- opacity: 0.4;
- }
- /**
- * 这里是uni-app内置的常用样式变量
- *
- * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
- * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
- *
- */
- /**
- * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
- *
- * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
- */
- /* 颜色变量 */
- /* 行为相关颜色 */
- /* 文字基本颜色 */
- /* 背景颜色 */
- /* 边框颜色 */
- /* 尺寸变量 */
- /* 文字尺寸 */
- /* 图片尺寸 */
- /* Border Radius */
- /* 水平间距 */
- /* 垂直间距 */
- /* 透明度 */
- /* 文章场景相关 */
- .zb-table-footer[data-v-ced20f18] {
- background: #fafafa;
- width: -webkit-fit-content;
- width: fit-content;
- min-width: 100%;
- position: -webkit-sticky;
- position: sticky;
- bottom: 0;
- z-index: 2;
- }
- .zb-table-footer .item-tr[data-v-ced20f18] {
- display: flex;
- min-width: 100%;
- }
- .zb-table-footer .item-th[data-v-ced20f18] {
- padding-left: 8px;
- line-height: 39px;
- height: 40px;
- box-sizing: border-box;
- flex-shrink: 0;
- width: 100px;
- padding-right: 20px;
- word-break: keep-all;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- overflow-wrap: break-word;
- border-bottom: 1px solid #e8e8e8;
- }
- .zb-table-footer .zb-table-fixed[data-v-ced20f18] {
- min-width: 100%;
- }
- .zb-table-footer .zb-stick-side[data-v-ced20f18] {
- position: -webkit-sticky;
- position: sticky;
- bottom: 0;
- left: 0;
- z-index: 2;
- box-sizing: border-box;
- background: #fafafa;
- }
- /**
- * 这里是uni-app内置的常用样式变量
- *
- * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
- * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
- *
- */
- /**
- * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
- *
- * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
- */
- /* 颜色变量 */
- /* 行为相关颜色 */
- /* 文字基本颜色 */
- /* 背景颜色 */
- /* 边框颜色 */
- /* 尺寸变量 */
- /* 文字尺寸 */
- /* 图片尺寸 */
- /* Border Radius */
- /* 水平间距 */
- /* 垂直间距 */
- /* 透明度 */
- /* 文章场景相关 */
- .zb-table-header[data-v-cb3e3a28] {
- overflow: hidden;
- background: #fafafa;
- }
- .zb-table-header .item-th[data-v-cb3e3a28] {
- padding-left: 8px;
- line-height: 39px;
- height: 40px;
- box-sizing: border-box;
- }
- .item-tr[data-v-cb3e3a28] {
- display: flex;
- box-sizing: border-box;
- }
- .item-td[data-v-cb3e3a28] {
- flex-shrink: 0;
- width: 100px;
- padding-left: 8px;
- height: 40px;
- line-height: 40px;
- padding-right: 20px;
- box-sizing: border-box;
- word-break: keep-all;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- overflow-wrap: break-word;
- border-bottom: 1px solid #e8e8e8;
- background: #fafafa;
- }
- /**
- * 这里是uni-app内置的常用样式变量
- *
- * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
- * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
- *
- */
- /**
- * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
- *
- * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
- */
- /* 颜色变量 */
- /* 行为相关颜色 */
- /* 文字基本颜色 */
- /* 背景颜色 */
- /* 边框颜色 */
- /* 尺寸变量 */
- /* 文字尺寸 */
- /* 图片尺寸 */
- /* Border Radius */
- /* 水平间距 */
- /* 垂直间距 */
- /* 透明度 */
- /* 文章场景相关 */
- .table-h5-footer[data-v-c13a5501] {
- background: #fafafa;
- /*每个页面公共css */
- }
- .table-h5-footer uni-scroll-view[data-v-c13a5501] ::-webkit-scrollbar {
- display: none !important;
- width: 0 !important;
- height: 0 !important;
- -webkit-appearance: none;
- background: transparent;
- }
- .table-h5-footer[data-v-c13a5501] ::-webkit-scrollbar {
- display: none;
- }
- .table-h5-footer .item-tr[data-v-c13a5501] {
- display: flex;
- }
- .table-h5-footer .item-th[data-v-c13a5501] {
- padding-left: 8px;
- line-height: 39px;
- height: 40px;
- box-sizing: border-box;
- flex-shrink: 0;
- width: 100px;
- padding-right: 20px;
- word-break: keep-all;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- overflow-wrap: break-word;
- border-bottom: 1px solid #e8e8e8;
- }
- /**
- * 这里是uni-app内置的常用样式变量
- *
- * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
- * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
- *
- */
- /**
- * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
- *
- * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
- */
- /* 颜色变量 */
- /* 行为相关颜色 */
- /* 文字基本颜色 */
- /* 背景颜色 */
- /* 边框颜色 */
- /* 尺寸变量 */
- /* 文字尺寸 */
- /* 图片尺寸 */
- /* Border Radius */
- /* 水平间距 */
- /* 垂直间距 */
- /* 透明度 */
- /* 文章场景相关 */
- .zb-load-more[data-v-597f0331] {
- width: 100%;
- position: absolute;
- bottom: 0;
- left: 0;
- z-index: 999;
- background: white;
- display: flex;
- height: 40px;
- flex-shrink: 0;
- align-items: center;
- justify-content: center;
- }
- .zb-load-more .loading-custom-image[data-v-597f0331] {
- color: #a4a4a4;
- margin-right: 0.25rem;
- width: 24px;
- height: 24px;
- animation: loading-circle-597f0331 1s linear infinite;
- }
- @keyframes loading-circle-597f0331 {
- 0% {
- transform: rotate(0deg);
- }
- 100% {
- transform: rotate(360deg);
- }
- }
- /**
- * 这里是uni-app内置的常用样式变量
- *
- * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
- * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
- *
- */
- /**
- * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
- *
- * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
- */
- /* 颜色变量 */
- /* 行为相关颜色 */
- /* 文字基本颜色 */
- /* 背景颜色 */
- /* 边框颜色 */
- /* 尺寸变量 */
- /* 文字尺寸 */
- /* 图片尺寸 */
- /* Border Radius */
- /* 水平间距 */
- /* 垂直间距 */
- /* 透明度 */
- /* 文章场景相关 */
- .zb-table-fixed-left[data-v-336e291f] {
- /*去除左边滚动条 */
- }
- .zb-table-fixed-left uni-scroll-view[data-v-336e291f] ::-webkit-scrollbar {
- display: none !important;
- width: 0 !important;
- height: 0 !important;
- -webkit-appearance: none;
- background: transparent;
- }
- .zb-table-header uni-scroll-view[data-v-336e291f] ::-webkit-scrollbar {
- display: none !important;
- width: 0 !important;
- height: 0 !important;
- -webkit-appearance: none;
- background: transparent;
- }
- /**
- * 这里是uni-app内置的常用样式变量
- *
- * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
- * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
- *
- */
- /**
- * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
- *
- * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
- */
- /* 颜色变量 */
- /* 行为相关颜色 */
- /* 文字基本颜色 */
- /* 背景颜色 */
- /* 边框颜色 */
- /* 尺寸变量 */
- /* 文字尺寸 */
- /* 图片尺寸 */
- /* Border Radius */
- /* 水平间距 */
- /* 垂直间距 */
- /* 透明度 */
- /* 文章场景相关 */
- .sorter-table[data-v-336e291f] {
- position: absolute;
- right: 6px;
- top: 50%;
- transform: translateY(-50%);
- }
- .sorter-table .sorter-table-icon[data-v-336e291f] {
- width: 0;
- height: 0;
- color: #dcdcdc;
- border-right: 4px solid transparent;
- border-left: 4px solid transparent;
- }
- .sorter-table .sorter-table-icon[data-v-336e291f]:first-child {
- border-bottom: 5px solid currentColor;
- }
- .sorter-table .sorter-table-icon[data-v-336e291f]:last-child {
- margin-top: 1.5px;
- border-top: 5px solid currentColor;
- }
- .sorter-table .sorting_desc[data-v-336e291f] {
- color: #2979ff;
- }
- .sorter-table .sorting_asc[data-v-336e291f] {
- color: #2979ff;
- }
- .checkbox-item[data-v-336e291f] {
- display: flex;
- align-items: center;
- justify-content: center;
- width: 100%;
- height: 100%;
- }
- .no-data[data-v-336e291f] {
- width: 100%;
- height: 2.5rem;
- display: flex;
- justify-content: center;
- align-items: center;
- border-bottom: 1px solid #e8e8e8;
- }
- .item-th[data-v-336e291f] {
- position: relative;
- flex-shrink: 0;
- width: 100px;
- overflow-wrap: break-word;
- border-bottom: 1px solid #e8e8e8;
- transition: background 0.3s;
- padding-right: 20px;
- word-break: keep-all;
- /* 不换行 */
- white-space: nowrap;
- /* 不换行 */
- overflow: hidden;
- /* 内容超出宽度时隐藏超出部分的内容 */
- text-overflow: ellipsis;
- /* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用。*/
- overflow-wrap: break-word;
- }
- .zb-table[data-v-336e291f] {
- height: 100%;
- overflow: hidden;
- width: 100%;
- display: flex;
- flex-direction: column;
- font-size: 12px;
- position: relative;
- }
- .zb-table .zb-table-content[data-v-336e291f] {
- position: relative;
- overflow: hidden;
- }
- .zb-table .zb-table-fixed[data-v-336e291f] {
- min-width: 100%;
- }
- .zb-table .zb-table-body[data-v-336e291f] {
- position: relative;
- background: #fff;
- transition: opacity 0.3s;
- }
- .zb-table .item-tr[data-v-336e291f] {
- display: flex;
- }
- .zb-table .item-td[data-v-336e291f] {
- flex-shrink: 0;
- width: 100px;
- padding-left: 8px;
- height: 40px;
- line-height: 40px;
- padding-right: 20px;
- box-sizing: border-box;
- word-break: keep-all;
- /* 不换行 */
- white-space: nowrap;
- /* 不换行 */
- overflow: hidden;
- /* 内容超出宽度时隐藏超出部分的内容 */
- text-overflow: ellipsis;
- /* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用。*/
- overflow-wrap: break-word;
- border-bottom: 1px solid #e8e8e8;
- }
- .zb-table .zb-table-fixed-left .zb-table-header[data-v-336e291f] {
- overflow-y: hidden;
- }
- .zb-table .zb-table-header[data-v-336e291f] {
- overflow: hidden;
- background: #fafafa;
- }
- .zb-table .zb-table-header .item-th[data-v-336e291f] {
- padding-left: 8px;
- line-height: 39px;
- height: 40px;
- box-sizing: border-box;
- }
- .zb-table .zb-table-fixed-left .zb-table-fixed[data-v-336e291f] {
- background: #fff;
- }
- .zb-table .zb-table-fixed-right .zb-table-fixed[data-v-336e291f] {
- background: #fff;
- }
- .zb-table .zb-table-body-inner[data-v-336e291f] {
- height: 100%;
- }
- .zb-table .zb-table-fixed-left[data-v-336e291f] {
- position: absolute;
- top: 0;
- z-index: 1;
- overflow: hidden;
- border-radius: 0;
- height: 100%;
- }
- .zb-table .odd[data-v-336e291f] {
- background-color: rgba(249, 249, 249, 0.6);
- width: 100%;
- }
- .zb-table .even[data-v-336e291f] {
- background-color: white;
- width: 100%;
- }
- .scroll-left-fixed .zb-table-fixed-left[data-v-336e291f] {
- left: 0;
- box-shadow: 6px 0 6px -4px #ccc;
- }
- .zb-table-applet[data-v-336e291f] {
- height: 100%;
- width: 100%;
- position: relative;
- display: flex;
- flex-direction: column;
- font-size: 12px;
- }
- .zb-table-applet .zb-table-content[data-v-336e291f] {
- flex: 1;
- overflow: hidden;
- position: relative;
- }
- .zb-table-applet .zb-table-fixed[data-v-336e291f] {
- min-width: 100%;
- width: -webkit-fit-content;
- width: fit-content;
- }
- .zb-table-applet .zb-table-body[data-v-336e291f] {
- position: relative;
- background: #fff;
- transition: opacity 0.3s;
- }
- .zb-table-applet .item-tr[data-v-336e291f] {
- display: flex;
- }
- .zb-table-applet .item-td[data-v-336e291f] {
- flex-shrink: 0;
- width: 100px;
- padding-left: 8px;
- height: 40px;
- line-height: 40px;
- padding-right: 20px;
- box-sizing: border-box;
- word-break: keep-all;
- /* 不换行 */
- white-space: nowrap;
- /* 不换行 */
- overflow: hidden;
- /* 内容超出宽度时隐藏超出部分的内容 */
- text-overflow: ellipsis;
- /* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用。*/
- overflow-wrap: break-word;
- border-bottom: 1px solid #e8e8e8;
- }
- .zb-table-applet .zb-table-header[data-v-336e291f] {
- position: -webkit-sticky;
- position: sticky;
- top: 0;
- z-index: 2;
- }
- .zb-table-applet .zb-table-header .item-th[data-v-336e291f] {
- padding-left: 8px;
- line-height: 39px;
- height: 40px;
- box-sizing: border-box;
- background: #fafafa;
- }
- .zb-table-applet .zb-table-header .zb-stick-side[data-v-336e291f] {
- position: -webkit-sticky;
- position: sticky;
- top: 0;
- left: 0;
- z-index: 2;
- box-sizing: border-box;
- background: #fafafa;
- }
- .zb-table-applet .zb-table-fixed-left .zb-table-fixed[data-v-336e291f] {
- background: #fff;
- }
- .zb-table-applet .zb-table-fixed-right .zb-table-fixed[data-v-336e291f] {
- background: #fff;
- }
- .zb-table-applet .zb-table-fixed-header .zb-table-body-inner[data-v-336e291f] {
- height: 100%;
- }
- .zb-table-applet .zb-table-fixed-left[data-v-336e291f] {
- position: absolute;
- top: 0;
- z-index: 1;
- overflow: hidden;
- border-radius: 0;
- height: 100%;
- }
- .zb-table-applet .scroll-left-fixed .zb-table-fixed-left[data-v-336e291f] {
- left: 0;
- box-shadow: 6px 0 6px -4px #ccc;
- }
- .zb-table-applet .odd[data-v-336e291f] {
- background-color: rgba(249, 249, 249, 0.6);
- width: 100%;
- }
- .zb-table-applet .even[data-v-336e291f] {
- background-color: white;
- width: 100%;
- }
- .zb-table-applet .zb-table-tbody .zb-stick-side[data-v-336e291f] {
- position: -webkit-sticky;
- position: sticky;
- left: 0;
- z-index: 1;
- box-sizing: border-box;
- background: white;
- }
- .zb-table-applet .zb-table-tbody .odd[data-v-336e291f] {
- background: #f9f9f9;
- width: 100%;
- }
- .zb-table-applet .zb-table-tbody .even[data-v-336e291f] {
- background: white;
- width: 100%;
- }
- .zb-table-applet .current-row .item-td[data-v-336e291f] {
- background-color: #ecf5ff;
- }
- .current-row .item-td[data-v-336e291f] {
- background-color: #ecf5ff;
- }
- .zb-table-header[data-v-336e291f] {
- height: 40px;
- }
- .scrollPosition[data-v-336e291f] {
- position: absolute;
- right: 0;
- top: 0;
- height: 100%;
- background: red;
- z-index: 999;
- }
- .static-text[data-v-336e291f] {
- color: red;
- /* 静置的文字颜色 */
- font-weight: 600;
- }
- .forward-text[data-v-336e291f] {
- color: #155724;
- /* 正向的文字颜色 */
- font-weight: 600;
- }
- /**
- * 这里是uni-app内置的常用样式变量
- *
- * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
- * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
- *
- */
- /**
- * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
- *
- * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
- */
- /* 颜色变量 */
- /* 行为相关颜色 */
- /* 文字基本颜色 */
- /* 背景颜色 */
- /* 边框颜色 */
- /* 尺寸变量 */
- /* 文字尺寸 */
- /* 图片尺寸 */
- /* Border Radius */
- /* 水平间距 */
- /* 垂直间距 */
- /* 透明度 */
- /* 文章场景相关 */
- @property --l-loading-start {
- syntax: "<length-percentage>";
- initial-value: 1%;
- inherits: false;
- }
- @property --l-loading-end {
- syntax: "<length-percentage>";
- initial-value: 1%;
- inherits: false;
- }
- @property --l-left {
- syntax: "<length-percentage>";
- initial-value: 1%;
- inherits: false;
- }
- @property --l-loadding-ball-size {
- syntax: "<length> | <length-percentage>";
- inherits: false;
- }
- [data-v-e1d73892]:host {
- display: inline-flex;
- }
- .l-loading[data-v-e1d73892] {
- position: relative;
- color: var(--l-loading-color, #3283ff);
- font-size: 0;
- vertical-align: middle;
- }
- .l-loading--ball[data-v-e1d73892] {
- display: inline-flex;
- align-items: center;
- }
- .l-loading--ball .l-loading__ball[data-v-e1d73892] {
- position: relative;
- perspective: calc(var(--l-loadding-ball-size) * 4);
- transform-style: preserve-3d;
- }
- .l-loading--ball .l-loading__ball[data-v-e1d73892]:before {
- background-color: #3283ff;
- left: 0%;
- animation-name: l-ball-before-e1d73892;
- }
- .l-loading--ball .l-loading__ball[data-v-e1d73892]:after {
- right: 0;
- background-color: red;
- animation-name: l-ball-after-e1d73892;
- }
- .l-loading--ball .l-loading__ball[data-v-e1d73892]:before, .l-loading--ball .l-loading__ball[data-v-e1d73892]:after {
- top: 0;
- content: "";
- position: absolute;
- height: 100%;
- aspect-ratio: 1/1;
- border-radius: 50%;
- animation-iteration-count: infinite;
- animation-delay: -100ms;
- animation-duration: 900ms;
- mix-blend-mode: darken;
- }
- .l-loading--circular .l-loading__circular[data-v-e1d73892] {
- display: inline-block;
- position: relative;
-
- animation: l-rotate-e1d73892 var(--l-loading-duration, 1s) linear infinite;
- vertical-align: middle;
- }
- .l-loading--circular .l-loading__circular[data-v-e1d73892]:before {
- content: "";
- display: block;
- width: 100%;
- height: 100%;
- border-radius: 50%;
-
-
-
-
- background-image: conic-gradient(var(--l-loading-color-1, transparent) 0%, var(--l-loading-color-2, currentColor) 100%);
-
- mask: radial-gradient(closest-side, transparent calc(80% - 1px), #fff 80%);
- -webkit-mask: radial-gradient(closest-side, transparent calc(80% - 1px), #fff 80%);
- animation: l-circular-e1d73892 2.5s ease-in-out infinite;
- transform: rotate(90deg);
- }
- .l-loading--spinner .l-loading__spinner[data-v-e1d73892] {
- position: relative;
- box-sizing: border-box;
- width: 100%;
- height: 100%;
- max-width: 100%;
- max-height: 100%;
- animation-timing-function: steps(12);
- animation: l-rotate-e1d73892 0.8s linear infinite;
- }
- .l-loading--spinner .l-loading__dot[data-v-e1d73892] {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- transform: rotate(calc(var(--l-loading-dot, 1) * 30deg));
- opacity: calc(var(--l-loading-dot, 1) / 12);
- }
- .l-loading--spinner .l-loading__dot[data-v-e1d73892]::before {
- display: block;
- width: 0.15625rem;
- height: 25%;
- margin: 0 auto;
- background-color: currentColor;
- border-radius: 40%;
- content: " ";
- }
- .l-loading__text[data-v-e1d73892] {
- display: inline-block;
- margin-left: var(--l-spacer-xs, 8px);
- color: var(--l-loading-text-color, var(--l-text-color-3, rgba(0, 0, 0, 0.45)));
- font-size: var(--l-loading-font-size, var(--l-font-size, 14px));
- vertical-align: middle;
- }
- .l-loading.is-vertical[data-v-e1d73892] {
- display: inline-flex;
- flex-direction: column;
- align-items: center;
- }
- .l-loading.is-vertical .l-loading__text[data-v-e1d73892] {
- margin: var(--l-spacer-tn, 4px) 0 0;
- }
- .l-loading__ball[data-v-e1d73892], .l-loading__circular[data-v-e1d73892], .l-loading__spinner[data-v-e1d73892] {
- width: var(--l-loading-size, 20px);
- height: var(--l-loading-size, 20px);
- }
- @keyframes l-circular-e1d73892 {
- 0% {
- --l-loading-start: 0%;
- --l-loading-end: 0%;
- }
- 50% {
- --l-loading-start: 0%;
- --l-loading-end: 100%;
- }
- 100% {
- --l-loading-start: 100%;
- --l-loading-end: 100%;
- }
- }
- @keyframes l-rotate-e1d73892 {
- to {
- transform: rotate(1turn);
- }
- }
- @keyframes l-ball-before-e1d73892 {
- 0% {
- animation-timing-function: ease-in;
- }
- 25% {
- animation-timing-function: ease-out;
- --l-left: calc((var(--l-loadding-ball-size,100%) * 2.1 - var(--l-loadding-ball-size,100%)) / 2);
- transform: translate3d(var(--l-left), 0, var(--l-loadding-ball-size));
- }
- 50% {
- --l-left: calc((var(--l-loadding-ball-size,100%) * 2.1 - var(--l-loadding-ball-size,100%)));
- animation-timing-function: ease-in;
- transform: translate3d(var(--l-left), 0, 0);
- }
- 75% {
- animation-timing-function: ease-out;
- --l-left: calc((var(--l-loadding-ball-size,100%) * 2.1 - var(--l-loadding-ball-size,100%)) / 2);
- transform: translate3d(var(--l-left), 0, calc(var(--l-loadding-ball-size) * -1));
- }
- }
- @keyframes l-ball-after-e1d73892 {
- 0% {
- animation-timing-function: ease-in;
- }
- 25% {
- animation-timing-function: ease-out;
- --l-left: calc((var(--l-loadding-ball-size,100%) * 2.1 - var(--l-loadding-ball-size,100%)) / 2 * -1);
- transform: translate3d(var(--l-left), 0, calc(var(--l-loadding-ball-size) * -1));
- }
- 50% {
- animation-timing-function: ease-in;
- --l-left: calc((var(--l-loadding-ball-size,100%) * 2.1 - var(--l-loadding-ball-size,100%)) * -1);
- transform: translate3d(var(--l-left), 0, 0);
- }
- 75% {
- animation-timing-function: ease-out;
- --l-left: calc((var(--l-loadding-ball-size,100%) * 2.1 - var(--l-loadding-ball-size,100%)) / 2 * -1);
- transform: translate3d(var(--l-left), 0, var(--l-loadding-ball-size));
- }
- }
-
- /**
- * 这里是uni-app内置的常用样式变量
- *
- * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
- * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
- *
- */
- /**
- * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
- *
- * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
- */
- /* 颜色变量 */
- /* 行为相关颜色 */
- /* 文字基本颜色 */
- /* 背景颜色 */
- /* 边框颜色 */
- /* 尺寸变量 */
- /* 文字尺寸 */
- /* 图片尺寸 */
- /* Border Radius */
- /* 水平间距 */
- /* 垂直间距 */
- /* 透明度 */
- /* 文章场景相关 */
- .l-switch[data-v-43179dfc] {
- display: inline-flex;
- flex-direction: row;
- align-items: center;
- }
- .l-switch__rail[data-v-43179dfc] {
- position: relative;
- height: var(--l-switch-height, 28px);
- min-width: var(--l-switch-width, 45px);
- transition-duration: 300ms;
- transition-property: background-color;
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
- }
- .l-switch--hover .l-switch__dot[data-v-43179dfc] {
- max-width: var(--l-switch-dot-size-pressed, calc(var(--l-switch-dot-size, 22px) * 1.25));
- }
- .l-switch--hover.l-switch--checked .l-switch__dot[data-v-43179dfc] {
- 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)));
- }
- .l-switch--hover.l-switch--checked .l-switch__placeholder--unchecked[data-v-43179dfc] {
- padding-left: calc(1.25 * var(--l-switch-dot-size-pressed, calc(var(--l-switch-dot-size, 22px) * 1.25)));
- }
- .l-switch--hover.l-switch--unchecked .l-switch__placeholder--checked[data-v-43179dfc] {
- padding-right: calc(1.25 * var(--l-switch-dot-size-pressed, calc(var(--l-switch-dot-size, 22px) * 1.25)));
- }
- .l-switch--checked[data-v-43179dfc] {
- background-color: var(--l-switch-checked-color, #3283ff);
- }
- .l-switch--checked .l-switch__dot[data-v-43179dfc] {
- 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)));
- }
- .l-switch--checked.l-switch--disabled[data-v-43179dfc] {
- background-color: var(--l-switch-checked-disabled-color, var(--l-primary-color-3, #add6ff));
- }
- .l-switch--unchecked[data-v-43179dfc] {
- background-color: var(--l-switch-unchecked-color, var(--l-gray-4, #dcdcdc));
- }
- .l-switch--unchecked.l-switch--disabled[data-v-43179dfc] {
- background-color: var(--l-switch-unchecked-disabled-color, var(--l-gray-2, #eeeeee));
- }
- .l-switch--round[data-v-43179dfc] {
- border-radius: var(--l-switch-radius, 99px);
- }
- .l-switch--square[data-v-43179dfc] {
- border-radius: var(--l-switch-radius, 4px);
- }
- .l-switch__dot[data-v-43179dfc] {
- position: absolute;
- background-color: var(--l-switch-dot-bg-color, white);
- height: var(--l-switch-dot-size, 22px);
- pointer-events: none;
- justify-content: center;
- align-items: center;
- overflow: visible;
- transition-duration: 300ms;
- transition-property: background-color, opacity, left, max-width, width, box-shadow, transform;
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
- display: flex;
- width: var(--l-switch-dot-size-pressed, calc(var(--l-switch-dot-size, 22px) * 1.25));
- max-width: var(--l-switch-dot-size, 22px);
- left: var(--l-switch-dot-offset, calc((var(--l-switch-height, 28px) - var(--l-switch-dot-size, 22px)) / 2));
- top: var(--l-switch-dot-offset, calc((var(--l-switch-height, 28px) - var(--l-switch-dot-size, 22px)) / 2));
- --l-loading-size: calc(var(--l-switch-dot-size, 22px) * 0.7);
- --l-loading-color: var(--l-switch-checked-color, #3283ff);
- }
- .l-switch__dot--round[data-v-43179dfc] {
- border-radius: var(--l-switch-dot-radius, 99px);
- }
- .l-switch__dot--square[data-v-43179dfc] {
- border-radius: var(--l-switch-dot-radius, 2.5px);
- }
- .l-switch__placeholder[data-v-43179dfc] {
- overflow: visible;
- position: absolute;
- white-space: nowrap;
- pointer-events: none;
- top: 50%;
- transform: translateY(-53%);
- line-height: 1;
- font-size: var(--l-swtich-font-size, 14px);
- color: var(--l-swtich-text-color, white);
- box-sizing: content-box;
- }
- .l-switch__placeholder--checked[data-v-43179dfc] {
- right: 0;
- text-align: right;
- 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)));
- }
- .l-switch__placeholder--unchecked[data-v-43179dfc] {
- left: 0;
- 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)));
- }
- .l-switch__children-placeholder[data-v-43179dfc] {
- height: var(--l-switch-height, 28px);
- }
- .l-switch__rail-placeholder[data-v-43179dfc] {
- opacity: 0;
- padding-left: calc(1.75 * var(--l-switch-height, 28px));
- font-size: var(--l-swtich-font-size, 14px);
- }
- /**
- * 这里是uni-app内置的常用样式变量
- *
- * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
- * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
- *
- */
- /**
- * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
- *
- * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
- */
- /* 颜色变量 */
- /* 行为相关颜色 */
- /* 文字基本颜色 */
- /* 背景颜色 */
- /* 边框颜色 */
- /* 尺寸变量 */
- /* 文字尺寸 */
- /* 图片尺寸 */
- /* Border Radius */
- /* 水平间距 */
- /* 垂直间距 */
- /* 透明度 */
- /* 文章场景相关 */
- .uni-numbox[data-v-7ae2ee72] {
- display: flex;
- flex-direction: row;
- }
- .uni-numbox-btns[data-v-7ae2ee72] {
- display: flex;
- flex-direction: row;
- align-items: center;
- justify-content: center;
- padding: 0 8px;
- background-color: #f5f5f5;
- }
- .uni-numbox__value[data-v-7ae2ee72] {
- margin: 0 2px;
- background-color: #f5f5f5;
- width: 40px;
- height: 26px;
- text-align: center;
- font-size: 14px;
- border-width: 0;
- color: #333;
- }
- .uni-numbox__minus[data-v-7ae2ee72] {
- border-top-left-radius: 2px;
- border-bottom-left-radius: 2px;
- }
- .uni-numbox__plus[data-v-7ae2ee72] {
- border-top-right-radius: 2px;
- border-bottom-right-radius: 2px;
- }
- .uni-numbox--text[data-v-7ae2ee72] {
- line-height: 20px;
- margin-bottom: 2px;
- font-size: 20px;
- font-weight: 300;
- color: #333;
- }
- .uni-numbox .uni-numbox--disabled[data-v-7ae2ee72] {
- color: #c0c0c0 !important;
- }
- /**
- * 这里是uni-app内置的常用样式变量
- *
- * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
- * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
- *
- */
- /**
- * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
- *
- * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
- */
- /* 颜色变量 */
- /* 行为相关颜色 */
- /* 文字基本颜色 */
- /* 背景颜色 */
- /* 边框颜色 */
- /* 尺寸变量 */
- /* 文字尺寸 */
- /* 图片尺寸 */
- /* Border Radius */
- /* 水平间距 */
- /* 垂直间距 */
- /* 透明度 */
- /* 文章场景相关 */
- .uni-popup[data-v-4dd3c44b] {
- position: fixed;
- z-index: 99;
- }
- .uni-popup.top[data-v-4dd3c44b], .uni-popup.left[data-v-4dd3c44b], .uni-popup.right[data-v-4dd3c44b] {
- top: 0;
- }
- .uni-popup .uni-popup__wrapper[data-v-4dd3c44b] {
- display: block;
- position: relative;
- /* iphonex 等安全区设置,底部安全区适配 */
- }
- .uni-popup .uni-popup__wrapper.left[data-v-4dd3c44b], .uni-popup .uni-popup__wrapper.right[data-v-4dd3c44b] {
- padding-top: 0;
- flex: 1;
- }
- .fixforpc-z-index[data-v-4dd3c44b] {
- z-index: 999;
- }
- .fixforpc-top[data-v-4dd3c44b] {
- top: 0;
- }
- /**
- * 这里是uni-app内置的常用样式变量
- *
- * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
- * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
- *
- */
- /**
- * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
- *
- * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
- */
- /* 颜色变量 */
- /* 行为相关颜色 */
- /* 文字基本颜色 */
- /* 背景颜色 */
- /* 边框颜色 */
- /* 尺寸变量 */
- /* 文字尺寸 */
- /* 图片尺寸 */
- /* Border Radius */
- /* 水平间距 */
- /* 垂直间距 */
- /* 透明度 */
- /* 文章场景相关 */
- .custom-picker[data-v-ea611825] {
- width: 100%;
- height: 25rem;
- background-color: #fff;
- padding-bottom: 0;
- padding-bottom: constant(safe-area-inset-bottom);
- padding-bottom: env(safe-area-inset-bottom);
- }
- .custom-picker .custom-picker__header[data-v-ea611825] {
- display: flex;
- align-items: center;
- justify-content: space-between;
- padding: 0.9375rem 1.25rem;
- }
- .custom-picker .custom-picker__header .cancel[data-v-ea611825] {
- color: #666;
- }
- .custom-picker .custom-picker__header .title[data-v-ea611825] {
- font-size: 1rem;
- color: #333;
- }
- .custom-picker .custom-picker__header .confirm[data-v-ea611825] {
- color: #2bb781;
- }
- .picker-view[data-v-ea611825] {
- width: 100%;
- height: 12.5rem;
- position: relative;
- /* 使横线相对于 picker-view 定位 */
- }
- .picker-view__item[data-v-ea611825] {
- line-height: 3.125rem;
- text-align: center;
- }
- .picker-view[data-v-ea611825] .picker-view__indicator {
- height: 3.125rem;
- color: #2bb781;
- }
- .picker-view__segmentation[data-v-ea611825] {
- display: flex;
- align-items: center;
- }
- .picker-view[data-v-ea611825]::before::before {
- content: attr(data-segmentation);
- display: block;
- position: absolute;
- left: 50%;
- top: 50%;
- }
- .horizontal-line1[data-v-ea611825] {
- position: absolute;
- top: 46%;
- /* 将横线垂直居中 */
- left: 25%;
- z-index: 1;
- /* 确保横线在内容之上 */
- }
- .horizontal-line2[data-v-ea611825] {
- position: absolute;
- top: 46%;
- /* 将横线垂直居中 */
- left: 50%;
- z-index: 1;
- /* 确保横线在内容之上 */
- }
- .horizontal-line3[data-v-ea611825] {
- position: absolute;
- top: 46%;
- /* 将横线垂直居中 */
- left: 75%;
- z-index: 1;
- /* 确保横线在内容之上 */
- }
-
- /* 弹出层内容样式 */
- .popup-content[data-v-ea611825] {
- padding: 30px;
- display: flex;
- margin-top: 1.25rem;
- justify-content: space-around;
- text-align: center;
- border-radius: 0.625rem;
- box-sizing: border-box;
- }
-
- /* 文本样式 */
- .popuptext[data-v-ea611825] {
- display: flex;
- align-items: center;
- font-size: 0.8125rem;
- color: #333;
- margin-bottom: 1.875rem;
- }
- .popuptext_left[data-v-ea611825] {
- margin-right: 0.625rem;
- }
-
- /* 取消按钮样式 */
- .cancel-button[data-v-ea611825] {
- margin-top: 0.625rem;
- font-size: 0.75rem;
- color: #333;
- border: 0px solid rgba(0, 0, 0, 0) !important;
- background-color: #fff;
- }
- .uni-button[data-v-ea611825]:after {
- border: 0px solid rgba(0, 0, 0, 0) !important;
- }
-
- /* 确认按钮样式 */
- .confirm-button[data-v-ea611825] {
- width: 3.75rem;
- height: 1.875rem;
- margin-top: 0.3125rem;
- font-size: 0.75rem;
- background-color: #007aff;
- color: #fff;
- }
-
- /* 根据设备类型调整高度 */
- .popup-height[data-v-ea611825] {
- height: 200px;
- }
- .popupbutton[data-v-ea611825] {
- display: flex;
- justify-content: center;
- }
- .l-switch[data-v-ea611825] {
- overflow: hidden;
- }
- .l-switch__rail-placeholder[data-v-ea611825] {
- height: 100%;
- }
-
- .uni-page[data-v-841deaed]{
- width: 100%;
- height: 100%;
- }
- .container[data-v-841deaed] {
- height: 92vh;
- background: linear-gradient(to bottom, #007545 -40%, #f0f5f5 40%, #f0f5f5 100%);
- box-sizing: border-box;
- }
- .account_number[data-v-841deaed]{
- width: 100%;
- padding: 0.625rem;
- display: flex;
- justify-content: center;
- box-sizing: border-box;
- }
- .account_number_box[data-v-841deaed]{
- width: 100%;
- height: 5.625rem;
- padding: 0.625rem;
- box-sizing: border-box;
- background-color: #f0f5f5;
- border-radius: 0.3125rem;
- }
- .account_title[data-v-841deaed]{
- font-size: 0.875rem;
- font-weight: 600;
- }
- .toptabbar[data-v-841deaed] {
- width: 100%;
- padding: 0.3125rem 0.625rem;
- box-sizing: border-box;
- }
- .toptabbar_box[data-v-841deaed]{
- display: flex;
- width: 100%;
- background-color: #f0f5f5;
- border-radius: 0.3125rem;
- padding: 0.625rem;
- overflow: x;
- box-sizing: border-box;
- }
- .account_discharge2[data-v-841deaed]{
- margin-left: 1.25rem;
- }
- .account_discharge[data-v-841deaed]{
- display: flex;
- font-size: 0.75rem;
- margin-top: 0.9375rem;
- }
- .account_text[data-v-841deaed]{
- display: flex;
- font-size: 0.6875rem;
- margin-top: 0.3125rem;
- }
- .toptabbar_box1[data-v-841deaed]{
- width: 100%;
- height: 1.25rem;
- display: flex;
- }
- .toptabbar_box2[data-v-841deaed]{
- flex: 1;
- display: flex;
- justify-content: center;
- }
- .toptabbar_box11[data-v-841deaed]{
- margin-top: 0.9375rem;
- width: 100%;
- height: 1.25rem;
- display: flex;
- border-bottom: 0.03125rem solid #cccccc;
- padding-bottom:0.3125rem;
- }
- .toptabbar_direction[data-v-841deaed]{
- flex: 1;
- display: flex;
- justify-content: center;
- color: #007545;
- font-weight: 600;
- }
- .toptabbar_direction1[data-v-841deaed]{
- flex: 1;
- display: flex;
- justify-content: center;
- color: #E56E36;
- font-weight: 600;
- }
- .popup-height[data-v-841deaed] {
- @include height;
- width: 400px;
- }
- .text[data-v-841deaed] {
- font-size: 12px;
- color: #333;
- }
- .popup-success[data-v-841deaed] {
- color: #fff;
- background-color: #e1f3d8;
- }
- .popup-warn[data-v-841deaed] {
- color: #fff;
- background-color: #faecd8;
- }
- .popup-error[data-v-841deaed] {
- color: #fff;
- background-color: #fde2e2;
- }
- /* 弹出层内容样式 */
- .popup-content[data-v-841deaed] {
- height: 18.75rem;
- padding: 30px;
- text-align: center;
- border-radius: 0.625rem;
- box-sizing: border-box;
- }
- /* 文本样式 */
- .popuptext[data-v-841deaed] {
- display: flex;
- align-items: center;
- font-size: 0.8125rem;
- color: #333;
- margin-bottom: 1.875rem;
- }
- .popuptext_left[data-v-841deaed]{
- margin-right: 0.625rem;
- }
- /* 取消按钮样式 */
- .cancel-button[data-v-841deaed] {
- margin-top: 0.625rem;
- font-size: 0.75rem;
- color: #333;
- border: 0px solid rgba(0, 0, 0, 0) !important;
- background-color: #fff;
- }
- .uni-button[data-v-841deaed]:after{
- border: 0px solid rgba(0, 0, 0, 0) !important;
- }
-
- /* 确认按钮样式 */
- .confirm-button[data-v-841deaed] {
- width: 3.75rem;
- height: 1.875rem;
- margin-top: 0.3125rem;
- font-size: 0.75rem;
- background-color: #007aff;
- color: #fff;
- }
- /* 根据设备类型调整高度 */
- .popup-height[data-v-841deaed] {
- height: 200px;
- }
- .popupbutton[data-v-841deaed]{
- display: flex;
- justify-content: center;
- }
- .l-switch[data-v-841deaed]{
- overflow: hidden;
- }
- .l-switch__rail-placeholder[data-v-841deaed]{
- height: 100%;
- }
- .addtable[data-v-841deaed]{
- width: 100%;
- height: 0.625rem;
- text-align: center;
- }
- .static-direction[data-v-841deaed] {
- background-color: #f0f0f0; /* 静置的背景色 */
- color: #333; /* 静置的文字颜色 */
- }
- .forward-direction[data-v-841deaed] {
- background-color: #d4edda; /* 正向的背景色 */
- color: #155724; /* 正向的文字颜色 */
- }
- .reverse-direction[data-v-841deaed] {
- background-color: #f8d7da; /* 反向的背景色 */
- color: #721c24; /* 反向的文字颜色 */
- }
|