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을 잊으면 바닥 글이 머리글 위치에 고정됩니다 😅

좋은 웹페이지 즐겨찾기