318 lines
21 KiB
CSS
318 lines
21 KiB
CSS
@charset "UTF-8"; *,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}.container{width:100%;}@media (min-width: 640px){.container{max-width:640px;}}@media (min-width: 768px){.container{max-width:768px;}}@media (min-width: 1024px){.container{max-width:1024px;}}@media (min-width: 1280px){.container{max-width:1280px;}}@media (min-width: 1536px){.container{max-width:1536px;}}.pointer-events-none{pointer-events:none;}.visible{visibility:visible;}.invisible{visibility:hidden;}.absolute{position:absolute;}.fixed{position:fixed;}.relative{position:relative;}.sticky{position:sticky;}.static{position:static;}.left-\[-28px\]{left:-28px;}.left-0{left:0;}.top-\[-1px\]{top:-1px;}.top-0{top:0;}.top-3px{top:3px;}.isolate{isolation:isolate;}.z0{z-index:0;}.z1{z-index:1;}.z2{z-index:2;}.z-\[-2\]{z-index:-2;}.grid{display:grid;}.grid-cols-\[1fr_1fr\]{grid-template-columns:1fr 1fr;}.grid-rows-\[1fr_1fr\]{grid-template-rows:1fr 1fr;}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.m\[0\]{margin:0;}.m\[1\]{margin:1;}.m\[2\]{margin:2;}.m\[3\]{margin:3;}.m11{margin:2.75rem;}.m12{margin:3rem;}.m13{margin:3.25rem;}.m160{margin:40rem;}.m161\.92{margin:40.48rem;}.m174\.72{margin:43.68rem;}.m186\.496{margin:46.624rem;}.m192{margin:48rem;}.m199\.04{margin:49.76rem;}.m21{margin:5.25rem;}.m22{margin:5.5rem;}.m220\.8{margin:55.2rem;}.m23{margin:5.75rem;}.m237\.248{margin:59.312rem;}.m241\.216{margin:60.304rem;}.m249\.6{margin:62.4rem;}.m292\.288{margin:73.072rem;}.m3{margin:0.75rem;}.m308\.352{margin:77.088rem;}.m31{margin:7.75rem;}.m32{margin:8rem;}.m33{margin:8.25rem;}.m373\.376{margin:93.344rem;}.m384\.064{margin:96.016rem;}.m4{margin:1rem;}.m412\.16{margin:103.04rem;}.m466\.752{margin:116.688rem;}.m469\.952{margin:117.488rem;}.m488\.832{margin:122.208rem;}.m512{margin:128rem;}.m512\.064{margin:128.016rem;}.m557\.248{margin:139.312rem;}.m64{margin:16rem;}.m665\.216{margin:166.304rem;}.m679\.872{margin:169.968rem;}.m683\.072{margin:170.768rem;}.m739\.328{margin:184.832rem;}.m759\.936{margin:189.984rem;}.m768{margin:192rem;}.m772\.13{margin:193.0325rem;}.m795\.904{margin:198.976rem;}.m801\.728{margin:200.432rem;}.mx{margin-left:1rem;margin-right:1rem;}.my{margin-top:1rem;margin-bottom:1rem;}.m-b-2px{margin-bottom:2px;}.mb-\[10px\]{margin-bottom:10px;}.mb-1{margin-bottom:0.25rem;}.me,.me4{margin-inline-end:1rem;}.me0{margin-inline-end:0;}.me1{margin-inline-end:0.25rem;}.me10{margin-inline-end:2.5rem;}.me11{margin-inline-end:2.75rem;}.me12{margin-inline-end:3rem;}.me13{margin-inline-end:3.25rem;}.me14{margin-inline-end:3.5rem;}.me15{margin-inline-end:3.75rem;}.me2{margin-inline-end:0.5rem;}.me3{margin-inline-end:0.75rem;}.me5{margin-inline-end:1.25rem;}.me6{margin-inline-end:1.5rem;}.me7{margin-inline-end:1.75rem;}.me8{margin-inline-end:2rem;}.me9{margin-inline-end:2.25rem;}.ml{margin-left:1rem;}.ml-\[-1px\]{margin-left:-1px;}.ml-12px{margin-left:12px;}.ml-2px{margin-left:2px;}.ms{margin-inline-start:1rem;}.mt{margin-top:1rem;}.mt-\[2px\]{margin-top:2px;}.box-border{box-sizing:border-box;}.inline{display:inline;}.\!block{display:block !important;}.block{display:block;}.inline-block{display:inline-block;}.contents{display:contents;}.list-item{display:list-item;}.hidden{display:none;}.h-\[20px\]{height:20px;}.h-\[24px\],.h-24px{height:24px;}.h-\[56px\]{height:56px;}.h-\[80vh\]{height:80vh;}.h-12px{height:12px;}.h-14px{height:14px;}.h-18px{height:18px;}.h-1px{height:1px;}.h-200px{height:200px;}.h-80px{height:80px;}.h-full{height:100%;}.ha{height:auto;}.min-w-180px{min-width:180px;}.w-\[400px\]{width:400px;}.w-12px{width:12px;}.w-22px{width:22px;}.w-24px{width:24px;}.w-48px{width:48px;}.w-full{width:100%;}.w\$yX\(w\$yX\(x\$yX\~OgkXg\$yXlkX\!ZkX\#\^kX\~P\!\/qOv\)wO\({width:var(--yX\(w\$yX\(x\$yX\~OgkXg\$yXlkX\!ZkX\#\^kX\~P\!\/qOv\)wO\();}.w0{width:0;}.w1{width:0.25rem;}.w2{width:0.5rem;}.wa{width:auto;}.flex{display:flex;}.flex-\[1\]{flex:1;}.flex-1{flex:1 1 0%;}.flex-shrink-0{flex-shrink:0;}.shrink{flex-shrink:1;}.flex-col{flex-direction:column;}.table{display:table;}.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.cursor-default{cursor:default;}.resize{resize:both;}.items-center{align-items:center;}.justify-center{justify-content:center;}.justify-between{justify-content:space-between;}.gap-x-\[5px\]{column-gap:5px;}.overflow-hidden{overflow:hidden;}.overflow-y-auto{overflow-y:auto;}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.\!border-0{border-width:0px !important;}.b,.border,.border-1{border-width:1px;}.border-\[1\.5px\]{border-width:1.5px;}.border-0{border-width:0px;}.hover\:border-1:hover{border-width:1px;}.\!border-\[\#dcdfe6\]{--un-border-opacity:1 !important;border-color:rgb(220 223 230 / var(--un-border-opacity)) !important;}.border-\[\#00acff\]{--un-border-opacity:1;border-color:rgb(0 172 255 / var(--un-border-opacity));}.border-\[\#298ddc\]{--un-border-opacity:1;border-color:rgb(41 141 220 / var(--un-border-opacity));}.border-\[\#d7d7d7\]{--un-border-opacity:1;border-color:rgb(215 215 215 / var(--un-border-opacity));}.border-\[\#dcdfe6\]{--un-border-opacity:1;border-color:rgb(220 223 230 / var(--un-border-opacity));}.border-gray-400{--un-border-opacity:1;border-color:rgb(156 163 175 / var(--un-border-opacity));}.border-transparent{border-color:transparent;}.hover\:border-\[\#00acff\]:hover{--un-border-opacity:1;border-color:rgb(0 172 255 / var(--un-border-opacity));}.hover\:border-\[\#298ddc\]:hover{--un-border-opacity:1;border-color:rgb(41 141 220 / var(--un-border-opacity));}.\!rounded-0{border-radius:0 !important;}.rd,.rounded{border-radius:0.25rem;}.border-solid{border-style:solid;}.bg-\[\#00acff30\]{--un-bg-opacity:0.19;background-color:rgb(0 172 255 / var(--un-bg-opacity)) /* #00acff30 */;}.bg-\[\#80ffff\]{--un-bg-opacity:1;background-color:rgb(128 255 255 / var(--un-bg-opacity)) /* #80ffff */;}.bg-\[\#cccccc30\]{--un-bg-opacity:0.19;background-color:rgb(204 204 204 / var(--un-bg-opacity)) /* #cccccc30 */;}.bg-\[\#f0f0f0\]{--un-bg-opacity:1;background-color:rgb(240 240 240 / var(--un-bg-opacity)) /* #f0f0f0 */;}.bg-\[\#ffffff\]{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity)) /* #ffffff */;}.bg-purple-600{--un-bg-opacity:1;background-color:rgb(147 51 234 / var(--un-bg-opacity)) /* #9333ea */;}.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity)) /* #fff */;}.hover\:bg-\[\#00acff30\]:hover{--un-bg-opacity:0.19;background-color:rgb(0 172 255 / var(--un-bg-opacity)) /* #00acff30 */;}.hover\:bg-\[\#298ddc30\]:hover{--un-bg-opacity:0.19;background-color:rgb(41 141 220 / var(--un-bg-opacity)) /* #298ddc30 */;}.from-\[\#f0f0f0\]{--un-gradient-from-position:0%;--un-gradient-from:rgb(240 240 240 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(240 240 240 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.from-white{--un-gradient-from-position:0%;--un-gradient-from:rgb(255 255 255 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.to-\[\#f0f0f0\]{--un-gradient-to-position:100%;--un-gradient-to:rgb(240 240 240 / var(--un-to-opacity, 1)) var(--un-gradient-to-position);}.to-white{--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / var(--un-to-opacity, 1)) var(--un-gradient-to-position);}.bg-gradient-to-r{--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.object-none{object-fit:none;}.\!p-0{padding:0 !important;}.p-\[3px\]{padding:3px;}.p-\[4px\]{padding:4px;}.p-1,.p1{padding:0.25rem;}.p\[i\]{padding:i;}.p\[v\]{padding:v;}.p\$7c_\$h\&j\(Up\(X\!b\(_\+4QOY\%ZYZ\&cZr\%Zrs\&{padding:var(--\37 c_\$h\&j\(Up\(X\!b\(_\+4QOY\%ZYZ\&cZr\%Zrs\&);}.p0{padding:0;}.p2{padding:0.5rem;}.p3{padding:0.75rem;}.p4{padding:1rem;}.p5{padding:1.25rem;}.pa{padding:auto;}.px{padding-left:1rem;padding-right:1rem;}.px-20px{padding-left:20px;padding-right:20px;}.px-2px{padding-left:2px;padding-right:2px;}.py{padding-top:1rem;padding-bottom:1rem;}.p-l-1{padding-left:0.25rem;}.p-l-2{padding-left:0.5rem;}.p-r-1{padding-right:0.25rem;}.pl{padding-left:1rem;}.pl-\[10px\]{padding-left:10px;}.pl-34px{padding-left:34px;}.pl-5px{padding-left:5px;}.pr{padding-right:1rem;}.pr-30px{padding-right:30px;}.ps{padding-inline-start:1rem;}.pt{padding-top:1rem;}.pt1{padding-top:0.25rem;}.pt2{padding-top:0.5rem;}.text-center{text-align:center;}.text-left{text-align:left;}.indent{text-indent:1.5rem;}.text-\[12px\],.text-12px{font-size:12px;}.text-\[14px\],.text-14px{font-size:14px;}.text-xs{font-size:0.75rem;line-height:1rem;}.text-\[rgba\(255\,255\,255\,0\)\]{--un-text-opacity:0;color:rgba(255, 255, 255, var(--un-text-opacity)) /* rgba(255,255,255,0) */;}.text-blue-500{--un-text-opacity:1;color:rgb(59 130 246 / var(--un-text-opacity)) /* #3b82f6 */;}.text-gray-400{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity)) /* #9ca3af */;}.text-gray-500{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity)) /* #6b7280 */;}.text-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity)) /* #fff */;}.text-inherit{color:inherit;}.font-bold{font-weight:700;}.leading-\[18px\]{line-height:18px;}.leading-\[20px\]{line-height:20px;}.leading-\[24px\]{line-height:24px;}.leading-0{line-height:0;}.leading-14px{line-height:14px;}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;}.uppercase{text-transform:uppercase;}.lowercase{text-transform:lowercase;}.capitalize{text-transform:capitalize;}.italic{font-style:italic;}.line-through{text-decoration-line:line-through;}.underline{text-decoration-line:underline;}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}.opacity-30{opacity:0.3;}.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.outline{outline-style:solid;}.ring{--un-ring-width:3px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.blur{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.invert{--un-invert:invert(1);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.ease{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}.ease-in{transition-timing-function:cubic-bezier(0.4, 0, 1, 1);}
|
|
/*** 全局变量定义 ***/
|
|
:root {
|
|
/* 颜色变量 */
|
|
--ccs-btn-color: #0569c7; /* 按钮主色 */
|
|
--ccs-btn-color-hover: #0569c720; /* 按钮悬浮色 */
|
|
--ccs-border-gray: #dcdfe5; /* 边框灰色 */
|
|
--ccs-hover-color: #00acff30; /* 通用悬浮色 */
|
|
--ccs-active-color: #00acff; /* 激活状态色 */
|
|
--ccs-text-color: rgb(48, 49, 51); /* 文本颜色 */
|
|
--ccs-border-color: #979ba3; /* 边框颜色 */
|
|
--ccs-dashed-color: #888787; /* 虚线颜色 */
|
|
/* 尺寸变量 */
|
|
--ccs-font-size-sm: 12px; /* 小号字体大小 */
|
|
--ccs-line-height-sm: 20px; /* 小号行高 */
|
|
--ccs-line-height: 24px; /* 中号行高 */
|
|
--ccs-border-radius: 4px; /* 边框圆角 */
|
|
/* Element Plus 样式覆盖变量 */
|
|
--el-dialog-padding-primary: 12px; /* 对话框内边距 */
|
|
--el-font-size-base: 12px; /* 基础字体大小 */
|
|
--el-tree-node-content-height: 22px; /* 树节点高度 */
|
|
--el-tabs-header-height: 30px; /* 标签页头部高度 */
|
|
--el-dialog-title-font-size: 16px; /* 对话框标题字体大小 */
|
|
}
|
|
|
|
/*** 基础样式设置 ***/
|
|
html,
|
|
body {
|
|
height: 100%;
|
|
}
|
|
|
|
#app {
|
|
width: 100vw;
|
|
height: 100vh;
|
|
overflow: hidden;
|
|
}
|
|
|
|
div {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/* 移除数字输入框的上下箭头 */
|
|
input[type=number]::-webkit-inner-spin-button,
|
|
input[type=number]::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
/*** Element Plus 组件样式覆盖 ***/
|
|
/* 对话框样式 */
|
|
.el-dialog__header {
|
|
--el-dialog-padding-primary: var(--el-dialog-padding-primary);
|
|
}
|
|
.el-dialog__footer {
|
|
--el-dialog-padding-primary: var(--el-dialog-padding-primary);
|
|
line-height: 1;
|
|
}
|
|
.el-dialog__footer:has(.footer-empty) {
|
|
padding-top: 0;
|
|
}
|
|
.el-dialog__title {
|
|
--el-dialog-title-font-size: 16px;
|
|
}
|
|
|
|
.el-dialog__footer:has(.n-p) {
|
|
--el-dialog-padding-primary: 0;
|
|
}
|
|
|
|
.el-overlay-dialog {
|
|
z-index: 2001;
|
|
}
|
|
|
|
/* 树组件样式 */
|
|
.el-tree {
|
|
--el-font-size-base: var(--ccs-font-size-sm);
|
|
--el-tree-node-content-height: 22px;
|
|
}
|
|
|
|
/* 标签页组件样式 */
|
|
.el-tabs {
|
|
--el-tabs-header-height: 30px;
|
|
}
|
|
.el-tabs__nav-next, .el-tabs__nav-prev {
|
|
line-height: 34px;
|
|
}
|
|
|
|
/* 下拉选择框样式 */
|
|
.el-select__popper {
|
|
transform: translateY(-10px);
|
|
transition: transform 0s ease !important;
|
|
}
|
|
.el-select__popper .el-select-dropdown__list {
|
|
padding: 0;
|
|
}
|
|
.el-select__popper .el-select-dropdown__list .el-select-dropdown__item {
|
|
padding: 0 2px;
|
|
height: 18px;
|
|
line-height: 18px;
|
|
font-size: var(--ccs-font-size-sm);
|
|
}
|
|
.el-select__popper .el-select-dropdown__list .el-select-dropdown__item.is-hovering {
|
|
background-color: var(--ccs-btn-color-hover);
|
|
}
|
|
.el-select__popper .el-select-dropdown__list .el-select-dropdown__item.is-selected {
|
|
color: #fff;
|
|
background-color: var(--ccs-btn-color);
|
|
}
|
|
.el-select__popper .el-popper__arrow {
|
|
display: none;
|
|
}
|
|
.el-select__popper .el-select-dropdown {
|
|
transition: none;
|
|
}
|
|
|
|
/*** 自定义组件样式 ***/
|
|
/* 分割面板 */
|
|
.splitpanes--vertical .splitpanes__pane {
|
|
transition: none !important;
|
|
}
|
|
|
|
/* 数字输入框 */
|
|
.d-field .el-input-number--small {
|
|
width: 100%;
|
|
}
|
|
.d-field .el-input-number .el-input__inner {
|
|
text-align: left;
|
|
}
|
|
.d-field .el-input-number.is-without-controls .el-input__wrapper {
|
|
padding: 2px 8px;
|
|
}
|
|
|
|
/* 标题背景 */
|
|
.w-title {
|
|
background-image: linear-gradient(to top, #d7e4f2, #fafafa);
|
|
}
|
|
|
|
/* 边框样式 */
|
|
.ccs-border, .ccs-btn, .ccs-dialog button {
|
|
cursor: default;
|
|
}
|
|
.ccs-border:hover, .ccs-btn:hover, .ccs-dialog button:hover {
|
|
background-color: var(--ccs-hover-color);
|
|
border-color: var(--ccs-active-color);
|
|
}
|
|
.ccs-border.active, .active.ccs-btn, .ccs-dialog button.active {
|
|
border-color: var(--ccs-active-color);
|
|
}
|
|
|
|
/* 按钮样式 */
|
|
.ccs-btn, .ccs-dialog button {
|
|
border: 1px solid var(--ccs-border-gray);
|
|
border-radius: var(--ccs-border-radius);
|
|
padding: 0 10px;
|
|
width: fit-content;
|
|
font-size: var(--ccs-font-size-sm);
|
|
height: var(--ccs-line-height-sm);
|
|
line-height: var(--ccs-line-height-sm);
|
|
}
|
|
|
|
/* 左侧标签页 */
|
|
.left-tab .el-tabs__active-bar {
|
|
display: none;
|
|
}
|
|
.left-tab .el-tabs__header {
|
|
margin-right: 0 !important;
|
|
}
|
|
.left-tab .el-tabs__item {
|
|
width: 25px;
|
|
height: 50px;
|
|
line-height: 25px;
|
|
box-shadow: 0 1px 2px var(--ccs-border-color);
|
|
justify-content: center !important;
|
|
padding: 0;
|
|
border-radius: var(--ccs-border-radius);
|
|
}
|
|
.left-tab .el-tabs__item .rotate-text {
|
|
transform: rotate(-90deg);
|
|
transform-origin: center;
|
|
}
|
|
.left-tab .el-tabs__item.is-active, .left-tab .el-tabs__item:hover {
|
|
font-weight: bold;
|
|
color: var(--ccs-text-color);
|
|
}
|
|
|
|
/* 复选框组 */
|
|
.ccs-checkbox {
|
|
position: relative;
|
|
}
|
|
.ccs-checkbox .dashed-v {
|
|
width: 1px;
|
|
border-left: 1px dashed var(--ccs-dashed-color);
|
|
position: absolute;
|
|
top: 7px;
|
|
}
|
|
.ccs-checkbox .ccs-checkbox-item .dashed {
|
|
width: 10px;
|
|
border-top: 1px dashed var(--ccs-dashed-color);
|
|
position: absolute;
|
|
}
|
|
.ccs-checkbox .ccs-checkbox-item .el-checkbox {
|
|
padding-left: 10px;
|
|
}
|
|
.ccs-checkbox .ccs-checkbox-item .el-checkbox__input.is-checked .el-checkbox__inner {
|
|
background-color: var(--ccs-btn-color);
|
|
border-color: var(--ccs-btn-color);
|
|
}
|
|
|
|
/* 卡片样式 */
|
|
.ccs-card {
|
|
border: 1px solid var(--ccs-border-color);
|
|
}
|
|
|
|
/* 标签样式 */
|
|
.ccs-label {
|
|
font-size: var(--ccs-font-size-sm);
|
|
height: var(--ccs-line-height);
|
|
line-height: var(--ccs-line-height);
|
|
color: #151515;
|
|
}
|
|
|
|
.el-table {
|
|
--cell-height: 24px;
|
|
}
|
|
.el-table tbody .el-table__cell {
|
|
padding: 0;
|
|
line-height: var(--cell-height);
|
|
}
|
|
.el-table tbody .el-table__cell .cell {
|
|
padding: 0;
|
|
}
|
|
.el-table tbody .el-table__cell .cell .custom-cell {
|
|
padding: 0 8px;
|
|
}
|
|
.el-table tbody .el-table__cell .cell:has(.el-input) .custom-cell {
|
|
padding: 0;
|
|
}
|
|
.el-table .el-table__cell.el-table-column--selection .cell {
|
|
padding: 0 8px !important;
|
|
}
|
|
.el-table .custom-cell {
|
|
min-height: var(--cell-height);
|
|
}
|
|
.el-table .custom-cell:focus {
|
|
outline: none;
|
|
background-color: var(--el-color-primary-light-9);
|
|
}
|
|
.el-table .custom-cell .el-input {
|
|
font-size: 12px;
|
|
--el-input-height: var(--cell-height);
|
|
--el-input-inner-height: var(--cell-height);
|
|
vertical-align: top;
|
|
}
|
|
.el-table .custom-cell .el-input .el-input__wrapper {
|
|
border-radius: 0;
|
|
box-shadow: none;
|
|
padding: 0 8px;
|
|
}
|
|
|
|
.ccs-dialog button {
|
|
padding: 0 24px;
|
|
}
|
|
.ccs-dialog button:hover {
|
|
color: #151515;
|
|
}
|
|
.ccs-dialog .el-tabs__header {
|
|
border-bottom: none !important;
|
|
margin: 0 !important;
|
|
}
|
|
.ccs-dialog .el-tabs__item {
|
|
border-bottom: 1px solid var(--el-border-color-light) !important;
|
|
padding-left: 0 !important;
|
|
padding-right: 0 !important;
|
|
padding: 0 4px !important;
|
|
font-size: var(--ccs-font-size-sm);
|
|
height: var(--ccs-line-height);
|
|
line-height: var(--ccs-line-height);
|
|
}
|
|
.ccs-dialog .el-tabs__item.is-active {
|
|
border-bottom: none !important;
|
|
color: var(--el-text-color-primary);
|
|
}
|
|
.ccs-dialog .el-tabs__item:hover {
|
|
color: var(--el-text-color-primary);
|
|
}.d-field {
|
|
display: flex;
|
|
}
|
|
|
|
.d-field__label {
|
|
font-size: 14px;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.labeld-field__control {
|
|
height: var(--el-component-size-small);
|
|
line-height: var(--el-component-size-small);
|
|
}
|
|
.labeld-field__control.required {
|
|
position: relative;
|
|
padding: 0 12px 0 0;
|
|
}
|
|
.labeld-field__control.required:before {
|
|
content: "*";
|
|
color: var(--el-color-danger);
|
|
margin-right: 4px;
|
|
}
|
|
#xmlFile[data-v-52d2ba1e] {
|
|
position: absolute;
|
|
left: 20px;
|
|
top: 20px;
|
|
padding: 0 10px;
|
|
}
|
|
.el-form-item[data-v-543b1db2] {
|
|
margin-bottom: 4px;
|
|
}
|
|
[data-v-543b1db2] .el-form-item__label {
|
|
padding: 0;
|
|
} |