漏提交文件
This commit is contained in:
446052889@qq.com
parent
62d6a316d1
commit
e4658b84be
@ -0,0 +1,42 @@
|
||||
* {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
color: #4a4a4a;
|
||||
font-family: PingFangSC-Light;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
div,span,section,i,button {
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.radius3 {
|
||||
-moz-border-radius: 3px 3px 3px 3px;
|
||||
-webkit-border-radius: 3px 3px 3px 3px;
|
||||
border-radius: 3px 3px 3px 3px;
|
||||
}
|
||||
|
||||
.tree-content-icon {
|
||||
font-size: 13px;
|
||||
}
|
||||
.tree-content-icon-padding {
|
||||
padding-right: 2px;
|
||||
}
|
||||
|
||||
.el-input__inner {
|
||||
border-radius: 0px;
|
||||
}
|
||||
.el-textarea__inner {
|
||||
border-radius: 0px;
|
||||
}
|
||||
@ -0,0 +1,252 @@
|
||||
/*设计颜色规范*/
|
||||
|
||||
/*
|
||||
通用鼠标悬浮色
|
||||
所有悬浮状态的底色，包括下拉列表项、表格、卡片等。
|
||||
*/
|
||||
.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;;
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user