MatBlazor

Question

我正在为我的 Blazor 服务器端项目使用 MatBlazor。我创建了 MatNavMenu 但在子菜单中箭头的位置不正确。

请看箭头的位置，有点向下，没有居中。这是我使用的代码

<MatNavMenu>
<MatNavSubMenu>
    <MatNavItem><MatIcon Icon="dashboard"></MatIcon>&nbsp; Dashboard</MatNavItem>
    <MatNavSubMenuHeader>
        <MatNavItem AllowSelection="false"><MatIcon Icon="location_city"></MatIcon>&nbsp; City Management</MatNavItem>
    </MatNavSubMenuHeader>
    <MatNavSubMenuList>
        <MatNavItem Href="#"><MatIcon Icon="list"></MatIcon>&nbsp; Cites</MatNavItem>
        <MatNavItem Href="/City/AddNew"><MatIcon Icon="add"></MatIcon>&nbsp; Add New</MatNavItem>
    </MatNavSubMenuList>
</MatNavSubMenu>
</MatNavMenu>

我们将不胜感激任何帮助。

谢谢

Answer 1

我刚遇到同样的问题，这里发生的是来自另一个包的样式干扰了 matblazor 的样式

如您在此 gif 中所见，问题是另一个库正在向主体添加 line-height 并使其下降一点。

要解决此问题，您可以使用 line-height: normal;

重置值

MatBlazor - 向下箭头在 MatNavMenu 中的位置不正确

MatBlazor - Position of down arrow is not correct in MatNavMenu

blazor

blazor-server-side