我正在使用 vuetify 開發一個 nuxt 專案。整個應用程式已經有了一個主標題。
<v-app-bar app fixed> Main Header </v-app-bar>
我需要在自定義組件的主標題下方顯示另一個固定標題。問題是它要么重疊，要么被卷走。我嘗試了https://codesandbox.io/s/nuxt-vuetify-forked-zgk86y?file=/pages/index.vue，但我不確定如何實作這一點。
uj5u.com熱心網友回復：
我認為您的代碼sanbox vuetify 設定有一些問題。但無論如何，這是可以做到的（有幾種方法，這是簡單的一種）：
<v-app>
<v-main>
<v-app-bar color="warning" dark app fixed> Main Header </v-app-bar>
<v-app-bar color="primary" dark fixed class="mt-14"> component header </v-app-bar>
<v-card class="mt-12">
<v-card-text>
<div v-for="n in 5" :key="n">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Illo
inventore consequatur, explicabo pariatur aspernatur deserunt beatae
perferendis culpa deleniti necessitatibus amet odio sed, ea sint in!
</div>
</v-card-text>
</v-card>
</v-main>
</v-app>
您可以在codepen中檢查整個代碼。
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/425598.html
標籤：css Vue.js nuxt.js Vuetify.js
下一篇：不知道哪里來的多余空間