提交 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 {
}
</script>
\ No newline at end of file
</script>
<style lang='scss'>
@import './app-menu-item.scss';
</style>
\ No newline at end of file
......@@ -63,6 +63,8 @@
.el-menu-item,
.el-submenu__title {
height: 40px;
line-height: 40px;
color: var(--app-color-white) !important;
.fa,
......@@ -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 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册