У меня есть панель инструментов Vuetify (называемая home-navigation), которая прозрачно расположена над изображением Jumbotron (home-jumbotron).
Когда я делаю это в моем App.vue, панель инструментов и Jumbotron выровнены должным образом:
<template>
<v-app>
<home-navigation/>
<home-jumbotron/>
<v-content transition="slide-x-transition">
<router-view></router-view>
</v-content>
</v-app>
</template>
Однако, когда я перемещаю навигацию и jumbotron из App.Vue в свои собственныеview, MyView.vue, который выглядит следующим образом:
<template>
<span>
<home-navigation/>
<home-jumbotron/>
</span>
</template>
Тогда навигация и jumbotron больше не выровнены должным образом.Скорее всего, панель инструментов находится над Jumbotron, а не над ним.
Мне интересно, почему это происходит, и как мне сохранить правильный внешний вид, сохраняя при этом навигацию и jumbotron в их собственном представлении?