3

我正在使用语义 ui（通过 react-semantic-ui）。我想在我的菜单栏底部有一个小区域用于登录。

我有这个：

我要这个：

我做了上面的使用position: absolute; bottom: 0，但我打赌有一个语义定位类或react-semantic-ui组件可以使用，它可以在没有手动样式的情况下实现它

我的组件如下：

  <Menu vertical fixed={'left'} inverted>
    <Menu.Item name='account' active />
    <Menu.Item name='settings' active={false} />
    <Menu.Menu>
      <img width="50px" height="50px" style={{ backgroundColor: 'red' }} />
      <Menu.Item name='logout' active={false} onClick={() => null} />
    </Menu.Menu>
  </Menu>
4

1 回答 1

0

我会使用Segment 元素。该attached道具是您会发现最有用的东西，您可以轻松地将其自定义为完整的菜单。

<Segment attached='bottom'></Segment>

您应该能够轻松地对其进行自定义以满足您的风格需求。

于 2016-11-29T04:24:13.453 回答