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

希望对您有所帮助:)

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

How to implement two slide-menu on both sides of a page in Onsen-UI?

onsen-ui