如何像移动应用程序一样创建侧面导航菜单?

时间:2018-10-11 09:32:37

标签: jquery twitter-bootstrap vue.js hybrid-mobile-app

我想创建一个Web应用程序+移动应用程序(混合应用程序)。因此,我开始将bootstrap + jQuery + Vuejs用于Web应用程序。现在,我想创建一个导航菜单,该菜单不会下拉,而是从左侧/右侧滑动,就像我们在多个移动应用程序中看到的那样。因此,我决定使用一些框架来使其像移动应用程序一样,并转向混合应用程序。列表here介绍了此问题的多个框架。那么首先是哪个最适合混合应用程序?答案取决于您的需求。因此,我的需求非常简单,例如,我只希望导航菜单从右向左滑动,而不是从上到下滑动。再说一次,如果它是可靠的,那么我选择了bootstrap.vuejs。现在如何创建该菜单?因为我在文档中找不到任何内容。

谢谢

2 个答案:

答案 0 :(得分:0)

如果要在导航菜单上进行自定义,则不想使用引导程序。你为什么不自己做一个?这是示例https://vue-burger-menu.netlify.com/

的链接

答案 1 :(得分:0)

看看Vuetify,它是一个组件框架,使您可以使用许多预制的组件和布局。在您的情况下,默认布局已经具有您提到的侧面菜单。

指南:https://vuetifyjs.com/en/getting-started/quick-start

布局:https://vuetifyjs.com/en/layout/pre-defined

预览:https://vuetifyjs.com/en/examples/layouts/dark

我已经使用了很多,对创建快速布局非常有帮助。除了主要布局外,您无需使用库中的其他任何内容。