width - 如何缩小 Ons 滑动菜单的宽度？

Question

我可以知道如何缩小 ons 滑动菜单的宽度吗？

我希望菜单在横向模式下仅覆盖右侧屏幕的 20%。

我尝试使用 max-slide-distance 或 swipe-target-width 但我看不到差异......

提前谢谢你。

Answer 1

使用条件并分别设置两个参数，即

<ons-sliding-menu
  ons-if-orientation="portrait"
  above-page="home.html"
  behind-page="menu.html"
  swipe-target-width="20px"
  max-slide-distance="85%"
  side="right"
  var="menu">
</ons-sliding-menu>

<ons-sliding-menu
  ons-if-orientation="landscape"
  above-page="home.html"
  behind-page="menu.html"
  swipe-target-width="20px"
  max-slide-distance="20%"
  side="right"
  var="menu">
</ons-sliding-menu>

此外，请参阅以下内容：http: //onsenui.io/guide/components.html#ons-if-orientation

问候， 弗拉迪斯拉夫