提交 ef033278 编写于 作者: Shine-zwj's avatar Shine-zwj

update:更新菜单样式

上级 55970303
.app-menu-item {
.app-menu-circle {
display: inline-block;
border-radius: 50%;
width: 20px;
height: 20px;
line-height: 36px;
vertical-align: middle;
border: 1px solid #fff;
text-align: center;
font: 12px Arial, sans-serif;
position: relative;
left: -5px;
}
}
\ No newline at end of file
...@@ -140,4 +140,7 @@ export default class AppMenuItem extends Vue { ...@@ -140,4 +140,7 @@ export default class AppMenuItem extends Vue {
} }
</script> </script>
\ No newline at end of file <style lang='scss'>
@import './app-menu-item.scss';
</style>
\ No newline at end of file
...@@ -63,6 +63,8 @@ ...@@ -63,6 +63,8 @@
.el-menu-item, .el-menu-item,
.el-submenu__title { .el-submenu__title {
height: 40px;
line-height: 40px;
color: var(--app-color-white) !important; color: var(--app-color-white) !important;
.fa, .fa,
...@@ -84,4 +86,42 @@ ...@@ -84,4 +86,42 @@
} }
} }
} }
&.el-menu--collapse {
.el-menu--vertical {
.el-submenu__title {
.el-submenu__icon-arrow {
display: none;
}
}
}
}
}
.el-menu--vertical.app-popper-menu {
.el-menu-item,
.el-submenu__title {
height: 40px;
line-height: 40px;
color: var(--app-color-white) !important;
.fa,
.el-submenu__icon-arrow {
color: var(--app-color-white) !important;
}
&:hover,
&.is-active {
background-color: var(--app-color-blue);
}
}
.el-submenu {
&.is-active {
>.el-submenu__title {
background-color: var(--app-color-blue);
}
}
}
} }
\ No newline at end of file
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册