Semantic-UI React 中是否可以有侧边栏 + 固定顶部菜单?
Semantic-UI React 中的侧边栏 + 固定顶部菜单
IT技术
reactjs
semantic-ui
semantic-ui-react
2022-07-29 00:37:13
1个回答
你试过这样的事情吗?
<!-- Top fixed menu -->
<Menu fixed="top">
<Button className="item" onClick={this.toggleVisible}>
<i className="sidebar icon" />
</Button>
<Menu.Item name="home" as={Link} to="/your_route">
<Icon name="home" />Menu item
</Menu.Item>
</Menu>
<!-- Sidebar & pusher -->
<Sidebar.Pushable as={Segment}>
<!-- Sidebar menu -->
<Sidebar
visible={this.state.visible}
as={Menu}
animation="push"
width="thin"
icon="labeled"
vertical
inverted
>
<Menu.Item name="home" as={Link} to="/your_route">
<Icon name="home" />Sidebar menu item
</Menu.Item>
</Sidebar>
<!-- pusher container -->
<Sidebar.Pusher>
<Segment basic>Whatever content</Segment>
</Sidebar.Pusher>
</Sidebar.Pushable>
您必须实现 toggleVisible 函数来切换侧边栏可见状态。
其它你可能感兴趣的问题