onsen-ui - 如何在Onsen-UI中实现页面两侧的两个滑动菜单？

Question

我是 Onsen-UI 的新手，希望在页面的两侧都有幻灯片菜单。我打算让多个页面具有此功能，但不知道如何实现它。最好的方法是什么？

Answer 1

您必须像这样嵌套两个不同的ons-sliding-menu:

<ons-sliding-menu
        main-page="page"
        menu-page="menu-left.html"
        side="left" ...>
</ons-sliding-menu>

<ons-template id="page">
    <ons-sliding-menu
            main-page="content.html"
            menu-page="menu-right.html"
            side="right" ...>
    </ons-sliding-menu>
</ons-template>

<ons-template id="menu-left.html"> ... </ons-template>
<ons-template id="menu-right.html"> ... </ons-template>
<ons-template id="content.html"> ... </ons-template>

在这里工作:http://codepen.io/onsen/pen/qHeJx

希望有帮助:)