Ameisendesign Problem mit der Menübreite der Menükomponente

Das sekundäre Menü des Menüs ist länger als das übergeordnete Menü

Auf diesem Bild können Sie sehen, dass die Breite, die ich geschrieben habe, nutzlos ist. Es stellte sich heraus, dass sie von seiner eigenen Mindestbreite abgedeckt wird

Lösung 1 ändert direkt den vertikalen Stil des Ameisenmenüs

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

Dann wird es so, offensichtlich schmaler als das übergeordnete, Sie können die Breite anpassen, es gibt einen anderen Weg

Fügen Sie den folgenden Code direkt zur Menükomponente hinzu, um die Unterkomponente zu zentrieren

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

Dann wird es so, das ist direkt zentriert, ok zu lösen