cordova – 我可以使用onsen ui在同一页面中左右两个滑动菜单

2023年6月20日 275次阅读

我用onsen ui来创建像flipkart这样的滑动菜单.我使用属性side = left / right打开左侧或右侧的菜单,但我需要左右不同的菜单,上面的页面相同.当我使用两个不同的第一个菜单不工作.我需要知道如何在左右两个添加两个不同的菜单. 最佳答案 可以通过“ons-split-view”嵌套​​它,因为拆分视图也可以作为“左”滑动菜单…

index.html的：

<ons-split-view 
  secondary-page="leftMenu.html" 
  main-page="main.html" 
  main-page-width="70%" 
  collapse="portrait">
</ons-split-view>

<ons-template id="leftMenu.html">
  <ons-page>
    <!-- left menu page's contents -->
  </ons-page>
</ons-template>

main.html中：

<ons-sliding-menu 
    var="app.menu" 
    main-page="mainPage.html" 
    menu-page="rightMenu.html" 
    max-slide-distance="200px" 
    type="reveal" 
    side="right">
</ons-sliding-menu>

<ons-template id="mainPage.html">
  <ons-page>
   <p style="text-align: center">
     <ons-button ng-click="app.menu.toggleMenu()">Toggle</ons-button>
   </p>
  </ons-page>
</ons-template>

<ons-template id="rightMenu.html">
  <ons-page>
    <!-- right menu page's contents -->
  </ons-page>
</ons-template>
点赞