如何在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

希望有所帮助：）