: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: 32px; --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); */ box-shadow: 0 1px 15px 0 rgb(0 0 0 / 12%), 0 0 3px 0 rgb(0 0 0 / 4%); } .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: 38px; line-height: 38px; font-size: 16px; font-weight: bold; border-bottom: 1px solid var(--themecolor); /* border-top: 1px solid #ccc; */ background-image: linear-gradient(#fff, #dedede); box-sizing: content-box; } .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); */ background-image: linear-gradient(#1561E0, #1561E0); color: white; /* color: var(--themecolor); */ /* border-bottom: 1px solid #fff; */ border-bottom: 1px solid var(--themecolor); box-sizing: content-box; font-weight: bold; } .el-tabs__nav-wrap { margin-bottom: 0px; } .el-form-item__label { padding: 0 20px 0 0; line-height: 20px !important; display: flex; align-items: center; justify-content: flex-end; } .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: 20px; /* margin-top: 20px; */ } .el-input--small .el-input__inner { height: var(--lineheight); line-height: var(--lineheight); font-size: var(--normalfont); } /* input框去除margin值 */ .el-input--prefix .el-input__inner { padding-right: 0px; } .el-form-item--small .el-form-item__content, .el-form-item--small .el-form-item__label { line-height: var(--lineheight); } /* .el-form-item__content{ margin-left: 0px !important; } */ .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; } .el-dialog__body /* 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: none; } .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: '*'; color: #F56C6C; margin-right: -7px; margin-left: 2px; } /* 清除contentmargin-left值 */ /* .el-form-item .el-form-item__content{ margin-left: 0px; } */ .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-table__row .cell .el-form-item--mini.el-form-item, .el-table__row .cell .el-form-item--small.el-form-item { margin-bottom: 0px; } /* 表格按钮居中 */ .cell { text-align: center; } .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; } .el-collapse { border-top: 0px solid #fff; border-bottom: 0px solid #fff; } .el-collapse .el-collapse-item__wrap { /* background-color: var(--bgcolor); */ border-bottom: 0px solid #fff; } .el-collapse-item__header { /* background-color: var(--bgcolor); */ font-size: 15px; font-weight: bold; border-bottom: 0px solid #fff; } .el-collapse-item__header.is-active { font-size: 15px; font-weight: bold; color: #1561E0; } .el-collapse-item__arrow.is-active { transform: rotate(0deg); } .col-left { padding-right: 20px; } .col-right { padding-left: 20px; } .el-button { height: 32px; padding: 0px 15px !important; } .clearfix:before, .clearfix:after { display: table; content: ""; } .clearfix:after { clear: both } /* 表格内+、-调整 */ .el-table__fixed-header-wrapper .cell .el-button { width: 32px; padding: 0px !important; } /* 去除按钮默认圆角 */ .el-button { border-radius: 0px; } /* 去除input框默认圆角 */ .el-input__inner { border-radius: 0px; } /* 去除勾选框默认圆角 */ .el-checkbox__inner { border-radius: 0px; } /* 去除文本框默认圆角 */ .el-textarea__inner { border-radius: 0px; } /* 去除tabs标签默认圆角 */ .el-tabs--card>.el-tabs__header .el-tabs__nav { border-radius: 0px; margin-bottom: -1px; } /* 去除表格左右滑动默认圆角 */ .el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li { border-radius: 0px; } @media screen and (min-width: 2561px) { #business_container .eibs-tab { padding: 25px 28px; } } @media screen and (min-width: 1921px) and (max-width: 2560px) { #business_container .eibs-tab { padding: 20px 23px; } } @media screen and (min-width: 1441px) and (max-width: 1920px) { #business_container .eibs-tab { padding: 20px 18px; } } @media screen and (min-width: 1200px) and (max-width: 1440px) { #business_container .eibs-tab { padding: 20px 15px; } } @media screen and (max-width: 1199px) { #business_container .eibs-tab { padding: 20px 10px; } } /* checkbox右对齐 */ .el-checkbox { float: right; text-align: center; height: 32px; line-height: 32px; } /* checkbox左对齐 */ .checkbox-left { float: left; text-align: center; } /* .el-checkbox:last-of-type{ margin-right:30px; } */ /* .checkbox-left { float: left; margin-left: 120px; } /* 去除工具条默认圆角 */ .toolbar-core { border-radius: 0px; } /* 改变折叠面板箭头样式 */ .el-icon-arrow-right:before { content: ""; display: inline-block; color: #ecf5ff; /* width: 97%; height: 5px; */ border-top: 2px solid; margin-right: 10px; flex: 1; } .el-icon-arrow-right:after { content: "\e791"; } .el-collapse-item__header .is-active:after { content: "\e790"; } /* 左箭头 */ .el-icon-arrow-left:before { content: "\e792"; } .el-collapse-item__arrow { border-bottom: 0px solid #fff; color: var(--themecolor); margin: 0 10px 0 10px; transition: transform .3s; font-weight: 300; content: ''; flex: 1; display: flex; align-items: center; } /* .el-input__inner { &::placeholder { color: red; } } */ /* ::-ms-input-placeholder{ color: red; } */ /* /deep/.el-input__inner { &::placeholder { color: red; font-size: 16px; } } */ /* 更改文本框的placeholder的颜色 */ /* input[type=text]::placeholder { color: blue; } */ /* .el-input__inner::placeholder { color: blue; } */ .el-table__row .el-form-item__content .el-form-item__error { position: unset !important; } .el-input--small .el-input__inner{ padding-left: 10px; } .el-input--prefix .el-input__inner{ padding-left: 30px; } /* 分页pagination样式调整 */ .el-pagination { margin-top: 5px; display: flex; justify-content: flex-end; } .el-pagination .el-icon-arrow-right:before { display: none; } .el-pagination .el-input--small .el-input__inner { padding-left: 0; }