1

我想在侧边栏的右侧切换 Blazorise Bulma SideBarSubItem,当前的侧边栏类似于这里的演示https://bulmademo.blazorise.com/。“UI Elements”的代码是这样的(我删除了一些不必要的元素):

<Sidebar @ref="sidebar">
    <SidebarContent>
        <SidebarNavigation>
             <SidebarItem>
                  <SidebarLink Toggled="(isOpen)=> sidebarSubItemUIElement.Toggle(isOpen)" Visible="true">
                        <Icon Name="IconName.Edit" Margin="Margin.Is3.FromRight" />UI Elements
                  </SidebarLink>
                  <SidebarSubItem @ref="sidebarSubItemUIElement" Visible="true">
                        <SidebarItem>
                            <SidebarLink To="tests/buttons">Buttons</SidebarLink>
                        </SidebarItem>
                        <SidebarItem>
                            <SidebarLink To="tests/modals">Modals</SidebarLink>
                        </SidebarItem>
                  </SidebarSubItem>
             </SidebarItem>
        </SidebarNavigation>
    </SidebarContent>
</Sidebar>

如果切换“UI 元素”,默认情况下,子项会放在下面。就我而言,我有很多子项,所以我想将它们切换到右侧,如下所示:

在此处输入图像描述

我的想法是更改为<SidebarItem Style="display: flex">上方<SidebarLink>,但它使 SubItems 像这样挤在侧边栏中:

在此处输入图像描述

知道我该怎么做吗?

4

0 回答 0