You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
188 lines
3.3 KiB
CSS
188 lines
3.3 KiB
CSS
/* 主题样式 */
|
|
|
|
.el-aside {
|
|
/* background: #f78989; */
|
|
/* background: linear-gradient(#f78989, #d69c9c); */
|
|
/* background-color: #1873d4; */
|
|
background: linear-gradient(#51a5ff, #1873d4);
|
|
|
|
/* 随着.el-menu-item background:rgb(247, 137, 137) !important;一起变 */
|
|
/* background: rgb(247, 137, 137); */
|
|
height: 100%;
|
|
font-family: "幼圆";
|
|
font-weight: 700;
|
|
color: rgb(207, 207, 207) !important;
|
|
|
|
}
|
|
|
|
.collapse:hover {
|
|
/* 收缩菜单按钮样式 */
|
|
/* background: #fc9ca7; */
|
|
background-color: linear-gradient(#fc3b3b, #2375f0);
|
|
box-shadow: #51a5ff 10px 10px 8px;
|
|
}
|
|
|
|
/* 菜单 */
|
|
.el-submenu .el-menu-item {
|
|
height: 35px;
|
|
line-height: 35px;
|
|
}
|
|
|
|
/* 图标 */
|
|
.el-submenu [class^=el-icon-] {
|
|
font-size: 16px;
|
|
}
|
|
|
|
/* 一级菜单字体 */
|
|
.el-submenu__title span {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.el-menu-item,
|
|
.el-submenu__title {
|
|
/* 一级菜单 */
|
|
height: 50px;
|
|
line-height: 50px;
|
|
}
|
|
|
|
/* 二级菜单字体 */
|
|
.el-menu-item {
|
|
font-size: 12px;
|
|
}
|
|
|
|
|
|
.el-menu-vertical-demo {
|
|
/*菜单列表样式*/
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.el-menu-item.is-active {
|
|
/* background-color: #fc7483 !important; */
|
|
/* 右边菜单样式 */
|
|
/* background-color: linear-gradient(#f78989, #f78989); */
|
|
/* background-color: #1873d4; */
|
|
/* background: linear-gradient(#1873d4, #51a5ff); */
|
|
color: rgb(207, 207, 207) !important;
|
|
}
|
|
|
|
.el-menu-item:focus {
|
|
background-color: none !important;
|
|
}
|
|
|
|
.el-menu {
|
|
/* 右边菜单样式 */
|
|
/* background: linear-gradient(#f78989, #fdb3b3); */
|
|
/* background-color: #1873d4; */
|
|
background: linear-gradient(#1873d4, #51a5ff);
|
|
|
|
}
|
|
|
|
.el-submenu .is-active {
|
|
/* 菜单栏选中样式 */
|
|
min-width: 64px;
|
|
border: none;
|
|
/* background: #f0eeef; */
|
|
/* background: linear-gradient(#f78989, #a1c5fc); */
|
|
background: linear-gradient(#5aa7fa, #116cce) !important;
|
|
|
|
|
|
}
|
|
|
|
.el-submenu__title:hover,
|
|
.el-menu-item:hover {
|
|
/* 菜单鼠标覆盖样式 */
|
|
/* background: linear-gradient(#f78989, #a1c5fc) !important; */
|
|
background: linear-gradient(#5aa7fa, #116cce) !important;
|
|
|
|
|
|
}
|
|
|
|
html,
|
|
body {
|
|
/* 主题样式 */
|
|
height: 100%;
|
|
overflow: auto;
|
|
/* background: linear-gradient(#ffffff, #f9f9f9); */
|
|
background-color: #5e9af5;
|
|
}
|
|
|
|
.el-header {
|
|
/* 头部样式 */
|
|
/* background: linear-gradient(#fda1a1, #fd7b7b); */
|
|
/* background-color: #1873d4; */
|
|
background: linear-gradient(#6cb3ff, #1873d4);
|
|
|
|
border-top: 2px solid linear-gradient(#f78989, #5e9af5);
|
|
width: 100%;
|
|
z-index: 98;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
|
|
/* 面包屑导航样式 */
|
|
|
|
|
|
/* ------------------- */
|
|
|
|
|
|
/* ------------------- */
|
|
|
|
|
|
/* 搜索 */
|
|
|
|
|
|
/* .el-form-item label:after {
|
|
content: " ";
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
.el-form-item__label {
|
|
text-align: justify
|
|
}
|
|
.el-form-item.is-required .el-form-item__label:before {
|
|
content: none !important;
|
|
} */
|
|
/* .el-radio__input.is-checked .el-radio__inner {
|
|
border-color: #f78989;
|
|
background: #f78989;
|
|
}
|
|
|
|
.el-radio__input.is-checked+.el-radio__label {
|
|
color: #f78989;
|
|
} */
|
|
|
|
.max-height-60 {
|
|
max-height: 60vh;
|
|
overflow: auto;
|
|
}
|
|
|
|
.max-height-55 {
|
|
max-height: 55vh;
|
|
overflow: auto;
|
|
}
|
|
|
|
.max-height-50 {
|
|
max-height: 50vh;
|
|
overflow: auto;
|
|
}
|
|
|
|
.max-height-45 {
|
|
max-height: 45vh;
|
|
overflow: auto;
|
|
}
|
|
|
|
.max-height-40 {
|
|
max-height: 40vh;
|
|
overflow: auto;
|
|
}
|
|
|
|
.max-height-65 {
|
|
max-height: 65vh;
|
|
overflow: auto;
|
|
}
|
|
|
|
.max-height-35 {
|
|
max-height: 35vh;
|
|
overflow: auto;
|
|
}
|