mirror/naive-ui
2
0
Fork 0
mirror of https://github.com/tusen-ai/naive-ui.git synced 2025-03-01 13:36:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

modify(menu): change the menuItem background-image

Browse Source
This commit is contained in:
songwanli2025@163.com 2019-11-29 14:02:46 +08:00
parent b0d3ddfdef
commit 8b104563be
3 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
styles/Menu.scss
View File

@ -48,7 +48,9 @@ $layout-nav-height: 64px;
// }
&::before { // item background
content: "";
background-size: 300%;
background-image: $menu-item-selected-background-image;
background-position: $--menu-item-background-position;
position: absolute;
left: 0;
right: 0;

4
styles/themes/dark/components/Menu.scss
View File

@ -1,5 +1,5 @@
@mixin setup-dark-menu {
$menu-background-color: $--n-card-color !global;
$menu-item-selected-background-image: linear-gradient(47deg,rgba(232,232,235,.4) 0%,rgba(31,38,62,.4) 100%) !global;
$--service-kayout-item-active-color: $--primary-6 !global;
$menu-item-selected-background-image: linear-gradient(90deg, rgba(255, 255, 255, .3) 0%, rgba(255, 255, 255, .03) 40%, rgba(0, 0, 0, .09) 60%, rgba(0, 0, 0, .09) 100%) !global;
$--menu-item-background-position: 0% !global;
}

4
styles/themes/light/components/Menu.scss
View File

@ -1,5 +1,5 @@
@mixin setup-light-menu {
$menu-background-color: $--neutral-10 !global;
$menu-item-selected-background-image: linear-gradient(47deg, $--neutral-7, $--neutral-7) !global;
$--service-kayout-item-active-color: $--primary-6 !global;
$menu-item-selected-background-image: linear-gradient(90deg, rgba(255, 255, 255, .3) 0%, rgba(255, 255, 255, .03) 40%, rgba(0, 0, 0, .09) 60%, rgba(0, 0, 0, .09) 100%) !global;
$--menu-item-background-position: 100% !global;
}