将 n-menu 组件的indent设置为0时选中样式异常

[opcooc]

描述错误

将 n-menu 组件的indent设置为0时选中样式异常

复现步骤

1.代码： <n-menu v-model:value="activeKey" :root-indent="0" :indent="0" :options="menuOptions" /> 2.页面显示：

最小复现链接

无

系统信息

"naive-ui": "^2.42.0","vue": "^3.5.16",

使用的包管理器

pnpm

验证

• [x] 阅读 贡献指南。
• [x] 阅读 文档。
• [x] 检查是否已经存在相同问题的问题，以避免创建重复的问题。
• [x] 确保这是一个具体的 bug。有关问题和答案，请打开 GitHub 讨论。
• [x] 提供的复现是最小可复现的示例。

[blackawn]

你是想把菜单变成扁平化的样式吗

[opcooc]

你是想把菜单变成扁平化的样式吗

对 @blackawn

[blackawn]

你是想把菜单变成扁平化的样式吗

对 @blackawn

你可以这样

<template>
  <n-menu
    :root-indent="8"
    :indent="0"
    style="padding-left: 8px;"
  />
</template>
<style>
.n-menu .n-menu-item-content::before{
  left: 0!important;
}
</style>

或着:indent="-4"， 我觉得0在有图标和没图标的情况下看起来匀称一些