:root { /* 白色 */ /* --bgcolor: #fff; --sidecolor: #fff; --darkbgcolor: rgb(232, 232, 232); */ /* 灰灰 */ /* --bgcolor: #f8f8f5; --sidecolor: #fafafa; --darkbgcolor: rgb(232, 232, 232); */ /* 淺綠色 */ /* --bgcolor: #dff9fb; --sidecolor: #c7ecee; --darkbgcolor: rgb(232, 232, 232); */ /* 淡黄色 */ /* --bgcolor: #f5f5d5; --sidecolor: #f5f5d5; --darkbgcolor: rgb(232, 232, 232); */ /* 绿色 */ /* --bgcolor: #ccffcc; --sidecolor: #ccffcc; --darkbgcolor: rgb(232, 232, 232); */ /* --bgcolor: #ccffff; --sidecolor: #64d7eb; --darkbgcolor: rgb(232, 232, 232); */ /* 蓝色系 */ --bgcolor: #f7faff; /* #E3F3FF; */ --sidecolor: #fff; /* #E3F3FF; */ --darkbgcolor: #f4f5fa; /* rgb(232, 232, 232); */ --lineheight: 24px; --normalfont: 12px; /* --themecolor: #1561E0; */ --themecolor: #1561E0; } #app { font-family: Helvetica, sans-serif; display: flex; flex-direction: column; } .e-table-wrapper{ display: flex; flex-direction: column; } .e-table-wrapper .el-table { flex:1; } /* 配色 */ /* .fold { background-color: var(--color); } */ /* .unfold { background-color: var(--color); } */ .m-app-main { /* background-color: var(--bgcolor); */ } .m-app { background-color: var(--darkbgcolor); } .fold { width: 60px !important; } /* sidemenu */ .el-menu { background: var(--sidecolor); } .el-menu-item.is-active { color: #fff; background-color: var(--themecolor); } .eContainer-menu-search { background: var(--sidecolor); } .eContainer-menu-search button { background: var(--sidecolor); } .eContainer-scroller { background: var(--sidecolor); } .topbtnbar{ position: absolute; top: 20px; right: 60px; z-index: 90; display: inline-block; } .topbtnbar > span{ display: inline-block; } /* 页签样式调整 */ .el-tabs .el-tabs__header { margin: 0; } .el-tabs .el-tabs__content { /* background: #fff; */ padding: 10px; } .el-tabs--card>.el-tabs__header .el-tabs__item { border-left: 1px solid #ccc; padding: 0 10px; height: 30px; line-height: 30px; font-size: var(--normalfont); border-bottom: 1px solid var(--themecolor); /* border-top: 1px solid #ccc; */ background-image: linear-gradient(#fff,#dedede); } .el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2) { padding-left: 10px; } .el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:last-child { padding-right: 10px; } .el-tabs--card>.el-tabs__header { border-bottom: 2px solid var(--themecolor); } .el-tabs--card>.el-tabs__header .el-tabs__item.is-active { border-left: 1px solid var(--themecolor); border-right: 1px solid var(--themecolor); border-top: 1px solid var(--themecolor); background-image: linear-gradient(#fff,#fff); color: var(--themecolor); border-bottom: 1px solid #fff; box-sizing: content-box; } .el-tabs--card .el-tabs__nav-wrap { margin-bottom: -2px; } .el-form-item--small .el-form-item__label { font-size: var(--normalfont); height: var(--lineheight); line-height: var(--lineheight); } .el-form-item--mini.el-form-item, .el-form-item--small.el-form-item { margin-bottom: 12px; } .el-input--small .el-input__inner { height: var(--lineheight); line-height: var(--lineheight); font-size: var(--normalfont); } .el-form-item--small .el-form-item__content, .el-form-item--small .el-form-item__label { line-height: var(--lineheight); } .el-select .el-input .el-select__caret { font-size: var(--normalfont); } .el-input--small .el-input__icon { line-height: var(--lineheight); } .el-input-number--small { line-height: var(--lineheight); } .el-textarea__inner { font-size: 12px; } .el-button--small, .el-button--small.is-round { padding: 0px 15px; font-size: 12px; line-height: 22px; } .el-button--small.el-button--text { padding-left: 0; padding-right: 0; } .el-button--primary{ color: #FFF; background-color: #1561E0; border-color: #1561E0; } .el-card { margin-bottom: 8px; } .m-inputbtn { position: relative; } .m-inputbtn-input { padding-right: 64px; display: inline-block; } .m-inputbtn-btn { position: absolute; right: 0; } .m-inputbtn-double { position: relative; } .m-inputbtn-input-double { padding-right: 90px; display: inline-block; } .m-inputbtn-btn-double { position: absolute; right: 0; top: 0; } .m-inputbtn-btn-double .el-button { padding: 0 8px; } .m-inputbtn-double .el-button+.el-button { margin-left: 0; } .el-radio__label { font-size: 12px; } .el-checkbox__label { font-size: 12px; } .el-checkbox__input.is-checked+.el-checkbox__label { color: #1561E0; } .el-checkbox__input.is-checked .el-checkbox__inner { background-color: #1561E0; border-color: #1561E0; } .el-checkbox__input.is-indeterminate .el-checkbox__inner { background-color: #1561E0; border-color: #1561E0; } .c-title { /* color: rgba(0, 0, 0, 0.65); */ /* font-weight: 600; */ /* font-size: 12px; */ color: rgb(0, 0, 0); font-size: 14px; font-weight: 500; padding-bottom: 10px; } .el-dialog__body { padding: 10px 20px 20px; } /* form 必填项的内容区域颜色突出显示 */ .el-form-item.is-required .el-form-item__content .el-input__inner, .el-form-item.is-required .el-form-item__content .el-textarea__inner, .el-form-item.is-required .el-form-item__content .el-checkbox__inner, .el-form-item.is-required .el-form-item__content .el-radio__inner, .el-form-item.is-required .el-form-item__content .el-input__count { background-color: #f3f3bf87; } /* form 必填项红星星靠右 */ .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before, .el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before { content: '*'; color: #F56C6C; margin-left: 4px; } .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:after, .el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:after { content: none; } .el-tree-node__label { font-size: 12px; } .c-w-100 { width: 100%; } .m-ureport-actions { width: 100%; text-align: center; } .m-ureport-actions .el-button--small { padding: 0px 15px; font-size: 12px; line-height: 22px; } .el-table th { user-select: initial; } .el-tooltip__popper.is-dark { max-width: 600px; } .el-date-editor.el-range-editor--small.el-input__inner { height: 24px; font-size: 13px; } .el-date-editor.el-range-editor--small .el-range__close-icon, .el-range-editor--small .el-range__icon { line-height: 16px; font-size: 12px; } .el-date-editor.el-range-editor--small .el-range-separator { line-height: 16px; font-size: 12px; } .el-table__fixed, .el-table__fixed-right { height: 100% !important; bottom:17px; } /* medium_button_change_small */ .medium_bcs{ padding: 8px 15px; margin-top: 5px; margin-left: 7px; } .busnavbar-items{ /*TODO完善按钮间隔等样式 */ margin-left:7px; padding-left: 3px; }