blazor 下拉菜单不会将其余项目向下推

Answer 1

您可以从这里开始，然后使用 css 类和样式进行自定义。

<div class="nav-item px-3">
    <a class="nav-link dropdown-toggle" href="#" @onclick="ToggleSubNavMenu" @onclick:preventDefault>
        <span class="oi oi-home" aria-hidden="true"></span> Create
    </a>  
    @if (expandSubNav)
    {
        <NavLink class="nav-link" href="promotion">
            <span class="oi oi-home" aria-hidden="true"></span> Promotion
        </NavLink>
        <NavLink class="nav-link" href="loyalty">
            <span class="oi oi-home" aria-hidden="true"></span> Loyalty
        </NavLink>
        <NavLink class="nav-link" href="newsarticle">
            <span class="oi oi-home" aria-hidden="true"></span> News Article
        </NavLink>
    }
</div>

@code {
    private bool expandSubNav = false;

    private void ToggleSubNavMenu()
    {
        expandSubNav = !expandSubNav;
    }
}