problema de largura do submenu do componente do menu do projeto da formiga

O submenu secundário do menu é mais longo que o menu principal

Insira a descrição da imagem aqui

Nesta foto, você pode ver que a largura que escrevi é inútil, acabou sendo coberta por sua própria largura mínima

Insira a descrição da imagem aqui

Solução um modificar diretamente o estilo ant-menu-vertical

直接修改ant-menu-vertical
建立一个index.less文件,  然后在需要修改的页面引入
:global { 
.ant-menu-vertical {
    min-width: 96px !important;
  }
 }

Insira a descrição da imagem aqui
Insira a descrição da imagem aqui

Aí fica assim, obviamente mais estreito que o pai, você pode ajustar a largura, há outra maneira

Insira a descrição da imagem aqui

Adicione o seguinte código diretamente ao componente Menu para centralizar o subcomponente

在 <Menu> 组件中加入下面这行代码, 主要是来调节 子组件定位问题的
builtinPlacements={
            {
                bottomLeft: 
                {
                    points: ['tc', 'bc'], // 子菜单的 "上中" 和 对应菜单的title "下中" 对齐。
                    overflow: {
                      adjustX: 1,
                      adjustY: 1
                    },
                    offset: [0, 5]
                }
            }
        }

Insira a descrição da imagem aqui

Aí fica assim, isso é centrado diretamente, ok resolver

Insira a descrição da imagem aqui

Acho que você gosta

Origin blog.csdn.net/weixin_44953227/article/details/102521122
Recomendado
Clasificación