bd4rr/vue-naive-admin
1
0
Fork 0
mirror of https://github.com/zclzone/vue-naive-admin.git synced 2026-01-02 14:20:21 +08:00
Code Activity

style: 修改菜单选中样式

Browse Source
This commit is contained in:
zclzone
2024-04-03 17:58:41 +08:00
parent e135be93af
commit 9615ec9aa8
3 changed files with 15 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/layouts/components/SideMenu.vue
View File

@@ -59,14 +59,19 @@ function handleMenuSelect(key, item) {
</script>
<style lang="scss">
.side-menu:not(.n-menu--collapsed) {
.n-menu-item-content {
&::before {
left: 8px;
right: 8px;
}
&.n-menu-item-content--selected::before {
border-left: 4px solid var(--primary-color);
.side-menu {
.n-menu-item-content__icon {
border: 1px solid rgb(229, 231, 235);
border-radius: 4px;
}
.n-menu-item-content--child-active,
.n-menu-item-content--selected {
.n-menu-item-content__icon {
border-color: var(--primary-color);
background-color: var(--primary-color);
i {
color: #fff;
}
}
}
}