Browse Source

style: menu style

main
xingyu 2 years ago
parent
commit
dcc33d37bc
  1. 4
      src/components/SimpleMenu/src/components/MenuItem.vue
  2. 1
      src/components/SimpleMenu/src/components/menu.less

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

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

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

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