Как создать боковое навигационное меню, как мобильные приложения?

Question

Я хочу создать веб-приложение + мобильное приложение (гибридное приложение).Поэтому я начал использовать bootstrap + jQuery + Vuejs для веб-приложения.Теперь я хочу создать навигационное меню, которое не выпадающее, а смахивает с левой / правой стороны, как мы видели в нескольких мобильных приложениях.Поэтому я решил использовать некоторые фреймворки, чтобы сделать их похожими на мобильные приложения и перейти к гибридным.Здесь есть список здесь , который вводит несколько платформ для этой проблемы.Итак, какой из них лучше всего подходит для гибридного приложения?Ответ зависит от того, что вам нужно. Поэтому мои потребности очень просты, скажем, я просто хочу, чтобы навигационное меню скользило справа налево, а не сверху вниз.И снова, если это надежно, я выбрал bootstrap.vuejs .Теперь, как я могу создать это меню?потому что я не смог ничего найти в документах.

Спасибо

Answer 1

Взгляните на Vuetify, это компонентная структура, которая позволяет вам использовать множество готовых компонентов и макетов.В вашем случае макеты по умолчанию уже имеют боковое меню, которое вы упомянули.

Путеводитель: https://vuetifyjs.com/en/getting-started/quick-start

Макеты: https://vuetifyjs.com/en/layout/pre-defined

Предварительный просмотр: https://vuetifyjs.com/en/examples/layouts/dark

Я часто его использовал и очень помогв создании быстрых макетов.Кроме основного макета, вам не нужно больше ничего использовать из библиотеки.

Answer 2

Вы не хотели бы использовать начальную загрузку, если вы хотите настройки в меню навигации.Почему бы тебе не сделать свой собственный?вот ссылка для примера https://vue -burger-menu.netlify.com /