@import "./ourBackgroundColor.scss";
|
.el-dropdown-menu__item {
|
font-size: 12px !important;
|
line-height: 28px !important;
|
}
|
|
.el-scrollbar__view {
|
height: 100%;
|
}
|
|
.el-menu--horizontal {
|
border-bottom: none !important;
|
}
|
|
.el-menu {
|
border-right: none !important;
|
}
|
|
.el-menu--display,
|
.el-menu--display + .el-submenu__icon-arrow {
|
display: none;
|
}
|
|
.el-message__icon,
|
.el-message__content {
|
display: inline-block;
|
}
|
|
.el-date-editor .el-range-input,
|
.el-date-editor .el-range-separator {
|
height: auto;
|
overflow: hidden;
|
}
|
|
.el-dialog__wrapper {
|
z-index: 2048;
|
}
|
|
.el-col {
|
margin-bottom: 8px;
|
}
|
|
.el-main {
|
padding: 0 !important;
|
}
|
|
.el-dropdown-menu__item--divided:before,
|
.el-menu,
|
.el-menu--horizontal > .el-menu-item:not(.is-disabled):focus,
|
.el-menu--horizontal > .el-menu-item:not(.is-disabled):hover,
|
.el-menu--horizontal > .el-submenu .el-submenu__title:hover {
|
background-color: transparent;
|
}
|
|
.el-dropdown-menu__item--divided:before,
|
.el-menu,
|
.el-menu--horizontal > .el-menu-item:not(.is-disabled):focus,
|
.el-menu--horizontal > .el-menu-item:not(.is-disabled):hover,
|
.el-menu--horizontal > .el-submenu .el-submenu__title:hover {
|
background-color: transparent !important;
|
}
|
|
.el-card__header {
|
padding: 6px 18px !important;
|
}
|
|
//部分全局颜色设置
|
.el-card__body {
|
background-color: $mainB !important;
|
// border:1px solid $mainB !important;
|
//padding: 16px !important;
|
}
|
|
.el-divider--horizontal {
|
margin: 12px 0 !important;
|
}
|
|
.avue-group .el-collapse,
|
.avue-group .el-collapse-item__wrap {
|
border-color: $mainB !important;
|
background-color: $mainB !important;
|
}
|
.el-form-item__label {
|
color: $fontColor !important;
|
}
|
.avue-crud__menu {
|
background-color: $mainB !important;
|
}
|
.el-table {
|
background-color: $mainB !important;
|
color: $fontColor !important;
|
}
|
|
.el-table th,
|
.el-table tr {
|
background-color: $mainB !important;
|
color: $fontColor !important;
|
}
|
.el-table__body tr.hover-row > td {
|
background-color: $mainBhover !important;
|
}
|
.el-button--text {
|
color: $fontColor !important;
|
}
|
.el-card {
|
background-color: $mainB !important;
|
}
|
.el-tabs__item {
|
color: $fontColor !important;
|
}
|
//标签栏活动按钮
|
.el-tabs__item.is-active {
|
color: $fontColorActive1 !important;
|
}
|
.el-input.is-disabled .el-input__inner {
|
color: $fontColor !important;
|
}
|
.el-textarea.is-disabled .el-textarea__inner {
|
color: $fontColor !important;
|
}
|
.el-textarea.is-disabled .el-textarea__inner {
|
background-color: $mainB !important;
|
}
|
.el-pagination__jump,
|
.el-pagination__total {
|
color: $fontColor !important;
|
}
|
.avue-sidebar .el-menu-item i,
|
.avue-sidebar .el-menu-item span,
|
.avue-sidebar .el-submenu__title i,
|
.avue-sidebar .el-submenu__title span {
|
color: $fontColor !important;
|
}
|
.el-menu-item:hover {
|
background-color: $mainBhover !important;
|
// color: red !important;
|
}
|
.el-input__inner {
|
background-color: $inputqiu !important;
|
color: $fontColor !important;
|
border: 1px solid $inputBorder !important;
|
}
|
.el-tree-node__content {
|
background-color: $mainB !important;
|
color: $fontColor !important;
|
}
|
.el-tree-node__content:hover {
|
background-color: $mainBhover !important;
|
}
|
//el按钮
|
.el-button {
|
background-color: $mainBhover !important;
|
color: $fontColor !important;
|
}
|
.el-pagination.is-background .btn-next,
|
.el-pagination.is-background .btn-prev,
|
.el-pagination.is-background .el-pager li {
|
background-color: $inputB !important;
|
color: $fontColor !important;
|
}
|
.el-tree {
|
background-color: $mainB !important;
|
color: $fontColor !important;
|
}
|
.el-table th {
|
background-color: $inputB1 !important;
|
}
|
|
//弹窗
|
.el-dialog__header {
|
background-color: $mainB !important;
|
}
|
.avue-dialog .el-dialog__title,
|
.avue-dialog .el-drawer__header,
|
.el-dialog__title {
|
color: $fontColor !important;
|
}
|
.el-dialog__body {
|
background-color: $mainB !important;
|
color: $fontColor !important;
|
}
|
.w-e-toolbar {
|
// background-color: $inputB !important;
|
background-color: #fff !important;
|
color: $fontColor !important;
|
// border: 1px solid $inputBorder !important;
|
}
|
.w-e-text-container {
|
border: 1px solid $inputBorder !important;
|
}
|
.el-collapse-item__content {
|
color: $fontColor !important;
|
}
|
|
//表格等待
|
.el-loading-mask {
|
background-color: $mainB !important;
|
}
|
|
//附件上传弹窗中心
|
.el-upload-dragger {
|
background-color: $inputB1 !important;
|
}
|
.el-upload-dragger .el-upload__text,
|
.el-upload-dragger .el-icon-upload {
|
color: $fontColor !important;
|
}
|
//单选
|
.el-radio {
|
color: $fontColor !important;
|
}
|
|
//多行输入
|
.el-textarea__inner {
|
background-color: $inputB1 !important;
|
border: 1px solid $inputBorder !important;
|
}
|
|
// 数字type input
|
.el-input-number__decrease,
|
.el-input-number__increase {
|
background-color: $inputB1 !important;
|
}
|
//菜单图标
|
.el-input-group__append,
|
.el-input-group__prepend {
|
background-color: $inputB1 !important;
|
color: $fontColor !important;
|
}
|
//登入表单 恢复按钮
|
.login-border .el-input__inner {
|
background-color: #fff !important;
|
color: #606266 !important;
|
}
|
//菜单编辑删除按钮
|
.el-button + .el-button {
|
padding-left: 8px;
|
padding-right: 8px;
|
}
|
//菜单自定义按钮
|
|
.el-button--text,
|
.el-button--text.is-disabled,
|
.el-button--text.is-disabled:focus,
|
.el-button--text.is-disabled:hover,
|
.el-button--text:active {
|
padding-left: 8px !important;
|
padding-right: 8px !important;
|
}
|
//菜单按钮
|
.login-border .el-button {
|
background-color: $buttonB !important;
|
color: #fff !important;
|
}
|
|
//bug窗口
|
.el-dialog,
|
.el-pager li {
|
background-color: $mainB !important;
|
}
|
|
//导航搜索 下拉
|
.el-autocomplete-suggestion__wrap {
|
background-color: $mainB !important;
|
}
|
|
.el-autocomplete-suggestion li {
|
color: $fontColor !important;
|
}
|
.el-autocomplete-suggestion li:hover {
|
background-color: $inputB1 !important;
|
}
|
|
//总标签栏 更多 下拉框
|
.el-dropdown-menu {
|
background-color: $mainB !important;
|
}
|
.el-dropdown-menu__item {
|
color: $fontColor !important;
|
}
|
.el-dropdown-menu__item:hover {
|
background-color: $inputB1 !important;
|
color: $fontColor !important;
|
}
|
//总标签栏
|
.avue-tags {
|
background-color: $mainBx1 !important;
|
color: $fontColor !important;
|
}
|
|
//通知弹窗
|
.el-popover {
|
background-color: $mainB !important;
|
}
|
|
.avue-notice__subtitle,
|
.avue-notice__title {
|
color: $fontColor !important;
|
}
|
|
//左侧导航栏
|
.avue-logo {
|
background-color: $mainB !important;
|
}
|
.avue-sidebar {
|
background-color: $mainB !important;
|
}
|
|
//表格搜索 下拉
|
.el-scrollbar__view,
|
.el-select-dropdown__list {
|
background-color: $mainB !important;
|
}
|
.el-select-dropdown__item {
|
color: $fontColor !important;
|
}
|
// .el-select-dropdown__item:hover {
|
// background-color: $inputB1 !important;
|
// color: $fontColor !important;
|
// }
|
.el-select-dropdown__item.hover,
|
.el-select-dropdown__item:hover {
|
background-color: $inputB1 !important;
|
color: $fontColor !important;
|
}
|
//弹框消息
|
.el-message-box {
|
background-color: $mainB !important;
|
}
|
.el-message-box__content {
|
color: $fontColor !important;
|
}
|
//用户头像边上的下拉 字体颜色
|
.el-dropdown-menu__item a {
|
color: $fontColor !important;
|
}
|
// a
|
//top导航颜色
|
.avue-header {
|
background-color: $mainB !important;
|
}
|
|
//选取时间
|
.el-picker-panel {
|
background-color: $mainB !important;
|
color: $fontColor !important;
|
}
|
|
.el-date-table td.in-range div,
|
.el-date-table td.in-range div:hover,
|
.el-date-table.is-week-mode .el-date-table__row.current div,
|
.el-date-table.is-week-mode .el-date-table__row:hover div {
|
background-color: $inputB1 !important;
|
color: $fontColor !important;
|
}
|
|
.el-picker-panel__footer {
|
background-color: $mainB !important;
|
color: $fontColor !important;
|
}
|
.el-date-table th {
|
color: $fontColor !important;
|
}
|
|
.el-range-editor--small .el-range-input {
|
background-color: transparent !important;
|
}
|
.el-picker-panel__icon-btn {
|
color: $fontColor !important;
|
}
|
|
//证件照吊销 弹窗颜色
|
.el-message-box__title {
|
color: $fontColor !important;
|
}
|
|
//发起回报
|
.el-textarea__inner {
|
color: $fontColor !important;
|
}
|
//通知公告 白色bug
|
.el-table--striped .el-table__body tr.el-table__row--striped td {
|
background-color: transparent !important;
|
}
|
|
//用户管理
|
.el-collapse-item__header {
|
background-color: $mainB !important;
|
}
|
.avue-group__icon,
|
.avue-group__title {
|
color: $fontColor !important;
|
}
|
|
//保安人员管理 去掉横向滚动条
|
.box .el-scrollbar__wrap {
|
overflow-y: scroll;
|
overflow-x: hidden;
|
}
|
|
//菜单管理 左边展开
|
.el-table__expand-icon {
|
color: $fontColor !important;
|
}
|
// 左侧树形 阴影
|
|
// .el-card.is-always-shadow {
|
// box-shadow: 3px 3px 15px -2px rgb(0, 0, 0);
|
// }
|
//表格斑马纹
|
.el-table tr:nth-child(2n -1) {
|
background-color: #3457b1 !important;
|
}
|
|
//去除表格底部线
|
.el-table td,
|
.el-table th.is-leaf {
|
border: 1px solid rgba($color: #ffffff, $alpha: 0.2);
|
}
|
// //顶部搜索栏
|
// .el-card.is-never-shadow.avue-crud__search {
|
// position: absolute;
|
// width: calc(100% - 180px);
|
// z-index: 500;
|
// border: none !important;
|
// box-shadow: none !important;
|
// }
|
// .registersss .el-card.is-never-shadow.avue-crud__search {
|
// width: calc(100% - 360px) !important;
|
// }
|
// .users .el-card.is-never-shadow.avue-crud__search {
|
// width: calc(100% - 800px) !important;
|
// left: 630px;
|
// }
|
// //有按钮的
|
// // .dispatchChildoperable .el-card.is-never-shadow.avue-crud__search {
|
// // // left: 120px;
|
// // width: calc(100% - 300px);
|
// // }
|
// .regulatoryInformation .el-card.is-never-shadow.avue-crud__search {
|
// left: 120px;
|
// width: calc(100% - 300px);
|
// }
|
// .notice .el-card.is-never-shadow.avue-crud__search {
|
// left: 120px;
|
// width: calc(100% - 300px);
|
// }
|
// .workreply .el-card.is-never-shadow.avue-crud__search {
|
// left: 200px;
|
// width: calc(100% - 380px);
|
// }
|
// .oos .el-card.is-never-shadow.avue-crud__search {
|
// left: 200px;
|
// width: calc(100% - 380px);
|
// }
|
// .role .el-card.is-never-shadow.avue-crud__search {
|
// left: 280px;
|
// width: calc(100% - 460px);
|
// }
|
// .dept .el-card.is-never-shadow.avue-crud__search {
|
// left: 200px;
|
// width: calc(100% - 380px);
|
// }
|
// .post .el-card.is-never-shadow.avue-crud__search {
|
// left: 200px;
|
// width: calc(100% - 380px);
|
// }
|
// .dict .el-card.is-never-shadow.avue-crud__search {
|
// left: 200px;
|
// width: calc(100% - 380px);
|
// }
|
// .dictbiz .el-card.is-never-shadow.avue-crud__search {
|
// left: 200px;
|
// width: calc(100% - 380px);
|
// }
|
// .menu .el-card.is-never-shadow.avue-crud__search {
|
// left: 200px;
|
// width: calc(100% - 380px);
|
// }
|
// .jurs .el-card.is-never-shadow.avue-crud__search {
|
// left: 200px;
|
// width: calc(100% - 380px);
|
// }
|
// .tenant .el-card.is-never-shadow.avue-crud__search {
|
// width: calc(100% - 800px) !important;
|
// left: 430px;
|
// }
|
// .company-box .el-card.is-never-shadow.avue-crud__search {
|
// width: calc(100% - 100px) !important;
|
// }
|
// .permit .el-card.is-never-shadow.avue-crud__search {
|
// width: calc(100% - 380px) !important;
|
// left: 160px;
|
// }
|
// .avue-form {
|
// position: relative;
|
// top: 15px;
|
// }
|
// //顶部按钮栏
|
// .avue-crud__menu {
|
// height: 60px;
|
// }
|
// //顶部按钮
|
// .avue-crud .avue-crud__left .el-button,
|
// .avue-crud .avue-crud__right .el-button,
|
// .avue-form .avue-crud__left .el-button,
|
// .avue-form .avue-crud__right .el-button {
|
// position: relative;
|
// top: 15px;
|
// }
|
|
// 搜索栏按钮左移
|
// .avue-form__group:nth-last-child() .el-form-item__content {
|
// margin-left: 30px !important;
|
// width: 165px !important;
|
// }
|
.avue-form__menu--center .el-button {
|
float: left;
|
}
|
.avue-form__menu--center .el-button:nth-child(1) {
|
margin-left: 30px;
|
}
|
|
//编辑弹窗上横线
|
.avue-dialog .el-dialog__header {
|
border-bottom: 1px solid #7ec9de;
|
}
|
|
//弹窗关闭和全屏按钮
|
.el-dialog__headerbtn .el-dialog__close,
|
.avue-crud__dialog__menu i {
|
color: $close !important;
|
}
|
|
// 角色管理权限弹窗
|
// .el-tabs--border-card {
|
// background-color: $mainB !important;
|
// }
|
|
.el-tabs--border-card {
|
background-color: $mainB !important;
|
}
|
|
.el-tabs--border-card > .el-tabs__header {
|
background-color: $mainB !important;
|
}
|
.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
|
background-color: transparent !important;
|
border-bottom: 1px solid $mainB !important;
|
}
|
// 系统字典新增
|
.el-switch__label {
|
color: $fontColor;
|
}
|
|
.avue--detail .el-radio.is-checked .el-radio__label {
|
color: $fontColor;
|
}
|
|
.el-tag {
|
border: none !important;
|
color: $fontColor !important;
|
background-color: transparent !important;
|
}
|
|
//保安员详情 表格hover
|
.el-table__row:hover td {
|
background-color: $mainBhover !important;
|
}
|
|
//覆盖左侧主菜单 监管 样式
|
.el-menu-item:focus
|
// .el-menu-item:hover
|
{
|
background-color: $black !important;
|
}
|
|
// logo 颜色
|
.login-border {
|
.el-input__inner {
|
border: 1px solid transparent !important;
|
border-bottom: 1px solid rgba($color: #000000, $alpha: 0.1) !important;
|
}
|
}
|
|
//
|
.el-range-editor--mini .el-range-input {
|
background-color: transparent !important;
|
}
|
|
// 右侧弹窗 表格显影功能 背景
|
.el-drawer__open .el-drawer.rtl {
|
background-color: $mainB !important;
|
}
|
|
// .registersss .avue-form__menu {
|
// position: relative;
|
// width: 100%;
|
// display: flex;
|
// flex-direction: row-reverse;
|
// }
|
|
.rowClickSelf {
|
// border: 1px solid #2593ee !important;
|
&:hover {
|
cursor: pointer;
|
}
|
}
|
|
//格子
|
// .el-table th.is-leaf {
|
// border: 1px solid #fff;
|
// box-sizing: border-box;
|
// }
|
|
.avue-empty__desc {
|
color: #fff !important;
|
}
|
|
.company-box .avue-form__menu--center {
|
width: 300px;
|
}
|
|
.el-date-picker__header-label {
|
color: #fff !important;
|
}
|
|
.witerFontColorInput .el-range-input {
|
color: #fff !important;
|
}
|
|
@import "./smallSize.scss";
|
