yudao
/
admin-vben
mirror of https://gitee.com/yudaocode/yudao-ui-admin-vben.git
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

style: menu style

pull/29/head
xingyu 2023-08-07 00:25:11 +08:00
parent 8347f97a2a
commit dcc33d37bc
2 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/SimpleMenu/src/components/MenuItem.vue
View File

@ -40,7 +40,7 @@ const getClass = computed(() => {
const getCollapse = computed(() => unref(getParentRootMenu)?.props.collapse) const getCollapse = computed(() => unref(getParentRootMenu)?.props.collapse)
const showTooptip = computed(() => { const showToptip = computed(() => {
return unref(getParentMenu)?.type.name === 'Menu' && unref(getCollapse) && slots.title return unref(getParentMenu)?.type.name === 'Menu' && unref(getCollapse) && slots.title
}) })
@ -85,7 +85,7 @@ watch(
<template> <template>
<li :class="getClass" :style="getCollapse ? {} : getItemStyle" @click.stop="handleClickItem"> <li :class="getClass" :style="getCollapse ? {} : getItemStyle" @click.stop="handleClickItem">
<Tooltip v-if="showTooptip" placement="right"> <Tooltip v-if="showToptip" placement="right">
<template #title> <template #title>
<slot name="title" /> <slot name="title" />
</template> </template>

1
src/components/SimpleMenu/src/components/menu.less
View File

@ -232,6 +232,7 @@
color: @menu-dark-subsidiary-color; color: @menu-dark-subsidiary-color;
&-active:not(.@{menu-prefix-cls}-submenu) { &-active:not(.@{menu-prefix-cls}-submenu) {
color: #fff !important; color: #fff !important;
background-color: #0b55a4;
} }
&:hover { &:hover {