首页导航条样式

gassafety-web/src/layout/components/Sidebar/SidebarItem.vue

@@ -113,4 +113,48 @@ export default {
     /* background: rgba(0, 0, 0, 0); */
     color: #fff !important;
 }
+
+.el-menu--horizontal > .el-submenu .el-submenu__title:hover {
+    background-color: rgba(0, 0, 0, 0);
+    color: #fff;
+    background-image: url("../../../assets/logo/item-background.png");
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+}
+.el-menu--horizontal > .el-submenu .el-submenu__title {
+    height: 50px !important;
+    line-height: 50px !important;
+    margin-top: 15px;
+    font-size: 22px;
+    font-weight: 600;
+    color: #fff;
+}
+.el-menu--horizontal > .el-submenu:focus .el-submenu__title, .el-menu--horizontal > .el-submenu:hover .el-submenu__title {
+    color: #fff;
+}
+.el-menu--horizontal > .el-submenu.is-active .el-submenu__title {
+    border-bottom: 0px solid;
+    color: #fff;
+}
+.el-submenu__title i {
+    color: #fff;
+}
+.el-menu--horizontal .el-menu .el-menu-item, .el-menu--horizontal .el-menu .el-submenu__title {
+    background-color: #053B6A;
+    float: none;
+    height: 36px;
+    line-height: 36px;
+    padding: 0;
+    color: #fff;
+}
+.el-menu--popup {
+    z-index: 100;
+    min-width: 120px;
+    border: none;
+    padding: 5px;
+    border-radius: 2px;
+    -webkit-box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
+    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
+    background-color: #053B6A;
+}
 </style>
\ No newline at end of file