Vuetify ~ 헤더 & 바닥 글 ~
그건 그렇고, 구성 요소에 대한 자세한 내용은 공식입니다 👍
▶ htps : // / 에치 fyjs. 코 m / 자 / 코 m 포넨 ts / 아 rts /
그럼 헤더를 만들어갑니다.
공식 페이지의 Bar 구성 요소를 사용하여 가고 싶습니다 😊
app.vue
<template>
<v-app>
<v-app-bar
color="pink"
dark app height="90">テストサイト</v-app-bar>
<v-footer color="pink" dark app height="100">テストサイト
</v-footer>
</v-app>
</template>
느낌이 듭니다.
브라우저에서 이렇게됩니다 😊
① 헤더
헤더를 만들 때 dark app을 잊지 마십시오. 이것은 헤더의 위치를 자동 조정합니다!
또, 높이 조정도 할 수 있습니다만, 이 경우는 css와 달리, height="90"이 됩니다! !
② 바닥글
바닥글을 만드는 경우에도 마찬가지입니다. dark app을 잊으면 바닥 글이 머리글 위치에 고정됩니다 😅
Reference
이 문제에 관하여(Vuetify ~ 헤더 & 바닥 글 ~), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/akari_0618/items/c97039c2800340dfda37
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
바닥글을 만드는 경우에도 마찬가지입니다. dark app을 잊으면 바닥 글이 머리글 위치에 고정됩니다 😅
Reference
이 문제에 관하여(Vuetify ~ 헤더 & 바닥 글 ~), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/akari_0618/items/c97039c2800340dfda37텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)