253 lines
5.3 KiB
CSS
253 lines
5.3 KiB
CSS
/*设计颜色规范*/
|
||
|
||
/*
|
||
通用鼠标悬浮色
|
||
所有悬浮状态的底色，包括下拉列表项、表格、卡片等。
|
||
*/
|
||
.general-bgcolor-hover:hover {
|
||
background-color: #F5F7FA !important;
|
||
}
|
||
.general-bgcolor-text-hover:hover {
|
||
background-color: #F5F7FA !important;
|
||
color : #4E7FF9 !important;
|
||
}
|
||
|
||
/*通用分隔线*/
|
||
.general-dividing-line {
|
||
color: #F2F2F2;
|
||
}
|
||
|
||
/**********************下拉菜单覆盖*************************/
|
||
/*下拉菜单定义悬浮颜色和悬浮字体色*/
|
||
.el-dropdown-menu__item:not(.is-disabled):hover{
|
||
background-color: #F5F7FA !important;
|
||
color: #333333 !important;
|
||
}
|
||
|
||
/**********************导航菜单栏颜色设置*************************/
|
||
.el-menu-item:hover{
|
||
color: #4E7FF9;
|
||
background-color: #F5F7FA !important;
|
||
}
|
||
.el-submenu__title:hover{
|
||
background-color: #F5F7FA !important;
|
||
}
|
||
.el-menu-item.is-active {
|
||
color: #4E7FF9;
|
||
background-color: #F5F7FA !important;
|
||
}
|
||
|
||
/**********************文字*************************/
|
||
|
||
/*主要字体颜色，通用字体颜色，系统普遍使用的字体颜色*/
|
||
.text-general-color {
|
||
color : #606266;
|
||
}
|
||
.text-general-bgcolor {
|
||
background-color : #606266;
|
||
}
|
||
|
||
/*
|
||
次要字体颜色
|
||
1 次要标注性信息 如，管理员 于2020年2月23日 19:30 修改
|
||
2 非重要按钮 如，“取消”按钮文本
|
||
3 列表表头 如，“流程清单”编号、流程名称
|
||
*/
|
||
.text-second-color {
|
||
color : #909399;
|
||
}
|
||
.text-second-bgcolor {
|
||
background-color : #909399;
|
||
}
|
||
|
||
/*链接、可点击文本、icon颜色*/
|
||
.text-linker-color {
|
||
color : #4E7FF9;
|
||
}
|
||
|
||
.text-linker-bgcolor {
|
||
background-color : #4E7FF9;
|
||
}
|
||
|
||
/*重要文本颜色*/
|
||
.text-important-color {
|
||
color : #D9001B;
|
||
}
|
||
|
||
.text-important-bgcolor {
|
||
background-color : #D9001B;
|
||
}
|
||
|
||
/*el-link颜色*/
|
||
.el-link.el-link--primary {
|
||
color: #4E7FF9;
|
||
}
|
||
|
||
/**********************表格*************************/
|
||
|
||
/*表头文字颜色*/
|
||
.table-head-text-color {
|
||
color: #909399;
|
||
}
|
||
/*表头背景颜色*/
|
||
.table-head-bgcolor {
|
||
|
||
}
|
||
/*表头文字颜色*/
|
||
.table-body-text-color {
|
||
|
||
}
|
||
/*表格表体背景颜色*/
|
||
.table-body-bgcolor {
|
||
|
||
}
|
||
/*表格表体行鼠标悬浮色*/
|
||
.table-body-row-bgcolor:hover {
|
||
background-color: #F5F7FA !important;
|
||
}
|
||
/*表格表体行下划线颜色*/
|
||
.el-table td {
|
||
border-bottom: 1px solid #F2F2F2;
|
||
}
|
||
|
||
/*表格筛选的表头选中颜色*/
|
||
.el-table th>.cell.highlight {
|
||
color: #4E7FF9;
|
||
}
|
||
|
||
/*表格筛选的表头选项筛选和重置按钮悬浮颜色*/
|
||
.el-table-filter__bottom button:hover {
|
||
color:#4E7FF9
|
||
}
|
||
|
||
/*表格筛选排序上下箭头*/
|
||
.el-table .descending .sort-caret.descending {
|
||
border-top-color: #4E7FF9;
|
||
}
|
||
.el-table .ascending .sort-caret.ascending {
|
||
border-bottom-color: #4E7FF9;
|
||
}
|
||
|
||
/**********************按钮*************************/
|
||
|
||
/*通用按钮1，例如窗口确定按钮，新建按钮等设计颜色*/
|
||
.button-general-color {
|
||
background-color: #4E7FF9 !important;
|
||
border-color: #4E7FF9 !important;
|
||
}
|
||
|
||
.button-general-color-reverse {
|
||
border-color: #4E7FF9 !important;
|
||
color: #4E7FF9 !important;
|
||
}
|
||
|
||
/*通用按钮2，例如重要操作类按钮*/
|
||
.button-general-color2 {
|
||
background-color: #D9001B !important;
|
||
border-color: #D9001B !important;
|
||
}
|
||
|
||
.button-general-color-reverse2 {
|
||
border-color: #D9001B !important;
|
||
color: #D9001B !important;
|
||
}
|
||
/*通用按钮3，例如取消等灰色按钮*/
|
||
.button-general-color3 {
|
||
background-color: #909399 !important;
|
||
border-color: #909399 !important;
|
||
}
|
||
|
||
.button-general-color-reverse3 {
|
||
border-color: #909399 !important;
|
||
color: #909399 !important;
|
||
}
|
||
|
||
/********************多选框***********************/
|
||
.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {
|
||
background-color: #4E7FF9;
|
||
border-color: #4E7FF9;
|
||
}
|
||
.el-checkbox__input.is-checked+.el-checkbox__label {
|
||
color: #4E7FF9;
|
||
}
|
||
|
||
/********************单选框***********************/
|
||
.el-radio__input.is-checked .el-radio__inner {
|
||
border-color: #4E7FF9;
|
||
background: #4E7FF9;
|
||
}
|
||
.el-radio__input.is-checked+.el-radio__label {
|
||
color: #4E7FF9;
|
||
}
|
||
|
||
/********************列表***********************/
|
||
.li-general-hover-bgcolor:hover {
|
||
background-color: #F5F7FA;
|
||
}
|
||
.el-table__body tr.current-row>td {
|
||
background-color: #F5F7FA;
|
||
}
|
||
|
||
/*******************加载中颜色********************/
|
||
.el-loading-spinner .path {
|
||
stroke: #4E7FF9;
|
||
}
|
||
.el-loading-spinner .el-loading-text {
|
||
color: #4E7FF9;
|
||
}
|
||
/******************下拉框文字选中颜色*************/
|
||
.el-select-dropdown__item.selected {
|
||
color: #4E7FF9 !important;
|
||
}
|
||
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
|
||
color: #4E7FF9;
|
||
}
|
||
|
||
/*****************步骤条**********************/
|
||
.el-step__title.is-process {
|
||
color: #909399;
|
||
}
|
||
.el-step__title.is-finish {
|
||
color: #4E7FF9;
|
||
}
|
||
.el-step__head.is-process {
|
||
color: #909399;
|
||
border-color: #909399;
|
||
}
|
||
.el-step__head.is-finish {
|
||
color: #4E7FF9;
|
||
border-color: #4E7FF9;
|
||
}
|
||
|
||
/*********************Popover 弹出框***********************/
|
||
.el-popover__title {
|
||
color : #606266;
|
||
font-weight: 600;
|
||
}
|
||
|
||
/*********************树***********************/
|
||
.el-tree-node__content {
|
||
height: 30px;
|
||
}
|
||
/*树展开关闭图标大小*/
|
||
.el-tree-node__expand-icon {
|
||
font-size: 12px;
|
||
}
|
||
/*树展开关闭图标的padding*/
|
||
.el-tree-node__content>.el-tree-node__expand-icon {
|
||
padding: 1px;
|
||
}
|
||
|
||
.el-table__empty-text {
|
||
font-size: 12px;
|
||
}
|
||
|
||
.el-tabs__item.is-active {
|
||
color: #4E7FF9;
|
||
}
|
||
|
||
.el-tabs__active-bar {
|
||
background-color: #4E7FF9;;
|
||
}
|
||
|