垂直下拉导航与离子2

时间:2017-04-18 12:59:41

标签: html5 css3 ionic2

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

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>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

看看Ionic的popover组件

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

这可能就是你所需要的。