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 に答える