Ionic 使用 expose-aside-when 属性来控制侧边栏在指定的分辨率屏幕下默认打开

 ,    2016/05/30   llh   3,356   0  

默认情况下，Side Menus 是关闭状态的，向左或向右滑动的时候才显示。然而，我们可以通过设置 expose-aside-when 这个属性来控制侧边栏在指定的分辨率屏幕下默认打开。

例如 Side Menus 我们可以这么写：

<ion-side-menus>
  <!-- Center content -->
  <ion-side-menu-content>
  </ion-side-menu-content>
  <!-- Left menu -->
  <ion-side-menu expose-aside-when="large">
  </ion-side-menu>
</ion-side-menus>

使用属性 expose-aside-when=”large“，控制侧边栏在屏幕大于等于 768px 的时候处于打开状态，而一旦屏幕小于 768px 则侧边栏处于关闭状态。

当然，你也可以自定义屏幕尺寸，如：

(min-width:600px)

或者：

(min-width:750px) and (max-width:1200px)

 标签：

相关文章