148b2b87 by 任超

style:下拉背景

1 parent 239e92c8
<template>
<el-menu router :default-active="activeMenu" mode="horizontal">
<el-menu router :default-active="activeMenu" mode="horizontal" menu-trigger="click">
<!-- 权限菜单 -->
<sidebar-item v-for="route in permission_routes.slice(1, 4)" :key="route.path" :item="route"
:base-path="route.path" />
......
......@@ -253,7 +253,8 @@ table td {
// element 下拉框样式
.el-menu--popup,
.el-select-dropdown {
background-color: #031A46 !important;
background: url("~@/image/slbg.png") no-repeat;
background-size: 100% 100%;
padding: 10px;
border: none;
}
......@@ -265,20 +266,25 @@ table td {
.el-popper[x-placement^="bottom"] .popper__arrow {
display: none;
}
.el-popper[x-placement^="bottom"] {
margin-top: 0px;
}
// 时间选择框样式
.el-date-picker {
.el-input__inner{
.el-input__inner {
background-color: #031a46;
}
.el-picker-panel{
.el-picker-panel {
border: none;
}
.el-picker-panel__footer{
.el-picker-panel__footer {
background-color: #031a46;
}
.el-date-table td.disabled div {
background-color: #074487;
}
......@@ -400,9 +406,12 @@ table td {
// 时间组件input框部分
.el-date-editor {
[class^="el-icon-"], [class*=" el-icon-"] {
[class^="el-icon-"],
[class*=" el-icon-"] {
display: none;
}
.el-range-separator {
color: #E3F1FF;
}
......@@ -416,9 +425,9 @@ table td {
.el-menu--horizontal .el-menu .el-menu-item,
.el-select-dropdown__item,
.el-menu--horizontal .el-menu .el-submenu__title {
background: #074487 !important;
background: url("~@/image/slitembg.png") no-repeat;
background-size: 100% 100%;
margin: 5px 0;
border: 1px solid #074487;
color: #02D9FD !important;
}
......@@ -426,8 +435,8 @@ table td {
.el-select-dropdown__item:hover,
.el-select-dropdown__item.selected,
.el-menu--horizontal .el-menu--popup .el-menu-item:not(.is-disabled):focus {
background: #074487;
border: 1px solid #02D9FD;
background: url("~@/image/xzslitembg.png") no-repeat;
background-size: 100% 100%;
color: #FFFFFF !important;
font-weight: 700;
}
}
\ No newline at end of file
......