イオンメニュー、サイドメニューの下部にリンクを配置する方法

Question

イオンアプリにサイドメニューがあります。リンクが必要です。ログアウトのリンクは、イオンリストの高さはリンクの量に依存し、リンク自体の位置で再生してサイドメニューの最下部に置くことができないため、これを達成する方法はわかりません。

これが今の状況です：

そしてこれはhtmlです：

更新

私はそう、イオンデフォルトタグとクラスを上書きしなければなりませんでしたこれは私のために最後に働いたものです。

HTML：

<ion-side-menu side="left" class="side-menu" scroll="false"> 
     <ul class="menu"> 
     <div class="side-menu-header"> 
     </div> 
     <div class="menu-main"> 
      <li> 
      <a ui-sref="">Min Profil</a> 
      </li> 
     </div> 
     <div class="menu-last"> 
      <li> 
      <a ui-sref="main.logout">Logg out</a> 
      </li> 
     </div> 
     </ul> 
    </ion-side-menu> 

CSS：

.menu { 
    height: 100%; 
    display: flex; 
    flex-direction: column; 
    justify-content: space-between; 

    ,a { 
    background-color: $dark-background-color; 
    color:$light; 
    text-decoration: none; 
    font-size: 1rem; 
    } 

    .side-menu-header { 
     height: 60px; 
    } 

    .menu-main { 
     position: absolute; 
     top: 60px; 
     margin: 15px; 

     li { 
     margin: 5px 0 5px 0; 
     } 
    } 

    .menu-last { 
     margin: 15px; 
    } 
} 

Answer 1

あなたはフレックスCSSプロパティを使用してこれを行うことができ、あなたはいくつかのクラスを追加する必要があります。

.menu { 
    height: 100%; 
    display: flex; 
    flex-direction: column; 
    justify-content: space-between; 
}