带有离子2的垂直下拉导航

Question

我需要创建一个垂直的下拉导航菜单，我尝试使用此代码，但它不起作用

home.scss

ul {
  display: none;
}
button:hover {
  background-color: #5f3;
  display: block;
}

home.html
<button ion-button block icon-right> Palmarés
   <ion-icon   name="ios-arrow-forward"></ion-icon> 
</button>
<ul>
  <button ion-button>
              1
              <ion-icon   name="ios-arrow-forward"></ion-icon> 
        </button>
</ul>
<button ion-button block (click)="nextpage();" icon-right> Classement 
  <ion-icon  name="ios-arrow-forward"></ion-icon> 
</button>

Answer 1

从离子

中查看弹出组件

https://ionicframework.com/docs/components/#popovers

可能是您需要的。