183 lines
7.7 KiB
SCSS
183 lines
7.7 KiB
SCSS
/* 覆盖element-plus样式 */
|
|
|
|
:root {
|
|
--el-color-white: #ffffff;
|
|
--el-color-dark: #222222;
|
|
|
|
--el-color-primary: #1367C1;
|
|
--el-color-primary-light-1: #2a76c7;
|
|
--el-color-primary-light-2: #4285cd;
|
|
--el-color-primary-light-3: #5994d3;
|
|
--el-color-primary-light-4: #71a3d9;
|
|
--el-color-primary-light-5: #89b3e0;
|
|
--el-color-primary-light-6: #a0c2e6;
|
|
--el-color-primary-light-7: #b8d1ec;
|
|
--el-color-primary-light-8: #cfe0f2;
|
|
--el-color-primary-light-9: #e7eff8;
|
|
--el-color-primary-dark-1: #115cad;
|
|
--el-color-primary-dark-2: #0f529a;
|
|
--el-color-primary-dark-3: #0d4887;
|
|
--el-color-primary-dark-4: #0b3d73;
|
|
--el-color-primary-dark-5: #093360;
|
|
--el-color-primary-dark-6: #07294d;
|
|
--el-color-primary-dark-7: #051e39;
|
|
--el-color-primary-dark-8: #031426;
|
|
--el-color-primary-dark-9: #010a13;
|
|
|
|
--el-menu-base-level-padding:24px;
|
|
--el-menu-level-padding:30px;
|
|
--el-menu-icon-width:30px;
|
|
|
|
--el-menu-item-height:50px;
|
|
--el-component-size-small:28px;
|
|
|
|
--el-order-color-0:#909399;
|
|
--el-order-color-1:#E8641B;
|
|
--el-order-color-2:#3072FF;
|
|
--el-order-color-3:#0DA525;
|
|
--el-order-color-4:#FFB103;
|
|
--el-order-color-5:#E81B1B;
|
|
}
|
|
|
|
.el-table{
|
|
.el-button--small{
|
|
height: 24px;
|
|
}
|
|
.noBorderBtn{
|
|
border: 0;
|
|
}
|
|
.userImg{
|
|
height: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
}
|
|
.el-button--small{
|
|
height: 28px;
|
|
}
|
|
.el-pagination{
|
|
--el-pagination-button-width-small:28px;
|
|
--el-pagination-button-height-small:28px;
|
|
.el-select--small{
|
|
height: 28px;
|
|
.el-select__wrapper{
|
|
height: 100%;
|
|
}
|
|
}
|
|
}
|
|
.el-tabs.role_tabs{
|
|
--el-tabs-header-height:42px;
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: column-reverse;
|
|
.el-tabs__active-bar{
|
|
bottom: 0;
|
|
}
|
|
.el-tabs__header{
|
|
.el-tabs__nav{
|
|
padding: 0 20px;
|
|
}
|
|
}
|
|
.el-tabs__content{
|
|
flex: 1;
|
|
overflow: hidden;
|
|
padding-left: 10px;
|
|
padding-bottom: 10px;
|
|
.el-tab-pane{
|
|
height: 100%;
|
|
}
|
|
}
|
|
}
|
|
|
|
.el-menu {border: none!important;}
|
|
.el-menu .el-menu-item.is-active{background: var(--el-menu-hover-bg-color);position: relative;}
|
|
.el-menu .el-menu-item.is-active:after{content: "";position: absolute;top: 0;right: 0;height: 100%;width: 4px;background: var(--el-color-primary);}
|
|
.el-menu .el-menu-item a {color: inherit;text-decoration: none;display: block;width:100%;height:100%;position: absolute;top:0;left:0;}
|
|
.el-form-item-msg {font-size: 12px;color: #999;clear: both;width: 100%;}
|
|
.el-container {height: 100%;}
|
|
.el-aside {border-right: 1px solid var(--el-border-color-light);}
|
|
.el-container + .el-aside {border-right: 0;border-left: 1px solid var(--el-border-color-light);}
|
|
.el-header {background: #fff;border-bottom: 1px solid #F6F6F6;padding:13px 15px;display: flex;justify-content: space-between;align-items: center;}
|
|
.mainBoxHeaderNoBorder .el-header{border-bottom: 1px solid var(--el-border-color-light);padding: 0;}
|
|
.mainHeaderNoPadding .el-header{padding-left: 0;padding-right: 0;}
|
|
.mainHeaderNoBorderPadding .el-header{padding: 0;border-bottom: 0;}
|
|
.el-header .left-panel {display: flex;align-items: center;}
|
|
.el-header .right-panel {display: flex;align-items: center;}
|
|
.el-header .right-panel > * + * {margin-left:10px;}
|
|
.el-footer {background: #fff;border-top: 1px solid var(--el-border-color-light);padding:13px 15px;}
|
|
.el-main {padding:10px;width: 100%;height: 100%;box-sizing: border-box;background: var(--el-color-white);border-radius: 4px;}
|
|
.el-main.treeMain{border-radius: 0;}
|
|
.el-main.nopadding {padding:0;background: #fff;display: flex;flex-direction: column;}
|
|
.el-main.nopadding .scTable{flex: 1;overflow: hidden;}
|
|
.el-main.nopadding .scTable .scTable-total .totalView{display: flex;align-items: center;}
|
|
.el-main.nopadding .scTable .scTable-total .totalView .total-item{margin: 0 6px;}
|
|
.el-main.nopadding .scTable .scTable-total .totalView .total-item .text{margin-right: 4px;}
|
|
|
|
/** 列表上面的检索 */
|
|
.el-main.nopadding .searchMain{display: flex;flex-wrap: wrap;align-items: self-end;padding-bottom: 10px;margin: 15px 0 0 0; border-bottom: 1px solid var(--el-border-color-light);}
|
|
.el-main.nopadding .searchMainNoTop{margin-top: 0;}
|
|
.el-main.nopadding .searchMain .searchItem{display: flex;flex-direction: column;align-items: flex-start;margin-right: 20px;margin-bottom: 10px;}
|
|
.el-main.nopadding .searchMain .searchItem .name{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #303133;padding-bottom: 5px;text-align: right;}
|
|
.el-main.nopadding .searchMain .searchItem .input{width: 230px;height: 28px;}
|
|
.el-main.nopadding .searchMain .searchItem .el-select--small .el-select__wrapper{height: 100%;}
|
|
.el-main.nopadding .searchMain .searchItem.searchBtn{display: flex;flex-direction: row;}
|
|
|
|
.el-drawer__body {overflow: auto;padding:0;}
|
|
.el-popconfirm__main {margin: 14px 0;}
|
|
.el-card__header {border-bottom: 0;font-size: 17px;font-weight: bold;padding:15px 20px 0px 20px;}
|
|
.el-dialog__title {font-size: 17px;font-weight: bold;}
|
|
.el-drawer__header>:first-child {font-size: 17px;font-weight: bold;}
|
|
.el-tree.menu .el-tree-node__content {height:36px;}
|
|
.el-tree.menu .el-tree-node__content .el-tree-node__label .icon {margin-right: 5px;}
|
|
.el-progress__text {font-size: 12px!important;}
|
|
.el-progress__text i {font-size: 14.4px!important;}
|
|
.el-step.is-horizontal .el-step__line {height:1px;}
|
|
.el-step__title {font-size: 14px;}
|
|
.drawerBG {background: #f6f8f9;}
|
|
.el-button+.el-dropdown {margin-left: 10px;}
|
|
.el-button-group+.el-dropdown {margin-left: 10px;}
|
|
.el-button-group+.el-button-group {margin-left: 10px;}
|
|
.el-tabs__nav-wrap::after {height: 1px;}
|
|
.el-table th.is-sortable {transition: .1s;}
|
|
.el-table th.is-sortable:hover {background: #eee;}
|
|
.el-table .el-table__body-wrapper {background: #fff;}
|
|
.el-col .el-card {margin-bottom: 15px;}
|
|
.el-main {flex-basis: 100%;}
|
|
.el-main > .scTable .el-table--border::before {display: none;}
|
|
.el-main > .scTable .el-table--border::after {display: none;}
|
|
.el-main > .scTable .el-table--border .el-table__inner-wrapper::after {display: none;}
|
|
.el-main > .scTable .el-table__border-left-patch {display: none;}
|
|
.el-main > .scTable .el-table--border .el-table__inner-wrapper tr:first-child td:first-child {border-left: 0;}
|
|
.el-main > .scTable .el-table--border .el-table__inner-wrapper tr:first-child th:first-child {border-left: 0;}
|
|
.el-table.el-table--large {font-size: 14px;}
|
|
.el-table.el-table--small {font-size: 12px;}
|
|
.el-table {font-size: 12px;}
|
|
.el-radio-button__inner {font-size: 12px;}
|
|
.el-checkbox-button__inner {font-size: 12px;}
|
|
.el-checkbox .el-checkbox__label{font-weight: 400;font-size: 12px;}
|
|
.el-sub-menu .el-icon {font-size: 16px;color: #aaa;display: flex;align-items: center;justify-content: flex-start;margin-right: 0;}
|
|
.el-sub-menu.is-active .el-sub-menu__title{color: var(--el-color-primary)}
|
|
.el-sub-menu.is-active .el-sub-menu__title .el-icon{color: var(--el-color-primary)}
|
|
.el-sub-menu .el-sub-menu__icon-arrow {font-size: 12px;}
|
|
|
|
.aminui-side-split li.active {background-color: var(--el-color-primary);}
|
|
.adminui-tags li:hover {background-color: var(--el-color-primary-light-9);}
|
|
//.adminui-tags li.active {background-color: var(--el-color-primary)!important;}
|
|
.adminui-tags li.active a{color: var(--el-color-primary);}
|
|
.contextmenu li:hover {background-color: var(--el-color-primary-light-9)!important;color: var(--el-color-primary-light-2)!important;}
|
|
.data-box .item-background {background-color: var(--el-color-primary)!important;}
|
|
.layout-setting,.diy-grid-setting {background-color: var(--el-color-primary)!important;}
|
|
|
|
/* 全部禁用el-tag动画 */
|
|
.el-tag {transition: all 0s !important;}
|
|
|
|
/** 弹款的头部配置 */
|
|
.el-dialog{padding: 0;}
|
|
.el-dialog .el-dialog__header{margin-right: 0;padding: 20px;box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06);}
|
|
.el-dialog .el-dialog__body{padding: 30px 20px;}
|
|
.el-dialog .el-dialog__footer{padding: 20px;box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.06);}
|
|
|
|
/* 覆盖tinymce样式 */
|
|
.sceditor .tox-tinymce {border: 1px solid #DCDFE6;border-radius: 0;}
|
|
body .tox-tinymce-aux {z-index: 5700;}
|