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

How to create a side navigation menu just like mobile apps?

我想创建一个网络应用程序 + 移动应用程序(混合应用程序)。所以我开始使用 bootstrap + jQuery + Vuejs 作为网络应用程序。现在我想创建一个导航菜单,它不会下拉而是从 left-side/right-side 滑动,就像我们在几个移动应用程序中看到的那样。所以我决定使用一些框架让它像移动应用程序一样转向混合。有一个列表 here that introduces multiple frameworks for this issue. So first which one is best for hybrid app? The answer is depends on what you need So my needs are very simple let's say I just want a navigation menu to slide from right to left instead of top to down. And again if it's dependable so I have chosen bootstrap.vuejs。现在如何创建该菜单?因为我在文档中找不到任何内容。

谢谢

如果您想在导航菜单上进行自定义,您不会想使用 bootstrap。你为什么不自己做一个?这是一个 link 的例子 https://vue-burger-menu.netlify.com/

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

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

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

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

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