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

此致 Vladyslav

如何收缩宽度Ons滑动菜单？

1 个答案: