vue.js - 为什么 a-avatar 在 a-menu-item 内滑动一点

Question

我正在使用 Ant Design 和 Vue 创建 Web App。

我面临一个问题，即内容a-avatar有点向左侧移动。

这是问题的截图。

这是我的源代码的链接。

https://codesandbox.io/s/vue-antd-template-9hwc4?file=/src/App.vue

标签： vue.jsantd

Answer 1

原因是根据源码，ant-menu-item 会加一个margin-rightto if children 是一个 icon

因此，带有此类图标的菜单可以正确显示并且始终具有正确的间距。但我猜他们只是没有帐户 Avatar 也有一个图标，可以在菜单里面

我相信这是一个错误，但与此同时，您可以覆盖它。https://codesandbox.io/s/vue-antd-template-oqeko?file=/src/App.vue:478-517