Как уменьшить ширину скользящего меню Ons?

Могу ли я узнать, как уменьшить ширину скользящего меню?

Я хочу, чтобы меню занимало только 20% экрана справа в ландшафтном режиме.

Я пробовал с max-slide-distance или swipe-target-width, но я не вижу различий...

Заранее спасибо.


width onsen-ui slidingmenu
person Roberto Lo Magro    schedule 30.07.2014    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Используйте условные выражения и установите два аргумента отдельно, т.е.

<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

С уважением, Владислав

person Vladyslav at AssuredLabs    schedule 09.08.2014