Vuetify v-card는 v-col에서 가능한 모든 높이에 맞습니다.

Question

vue와 vuetify를 사용하여 로그인/등록 페이지를 만들고 있습니다. 아래에 코드를 넣었습니다(저는 이탈리아 사람이기 때문에 텍스트는 이탈리아어로 되어 있지만 이해하실 겁니다):

으아악

이것을 시도해 보면 "등록"(등록) 카드의 높이가 로그인 카드보다 낮은 것을 볼 수 있습니다. 높이를 로그인 카드와 동일하게 만들어 더 보기 좋게 만드는 방법(CSS를 사용하는 것이 좋지만 JS는 사용하지 않음)이 있습니까?

감사합니다! 좋은 하루 되세요!

Answer 1

내가 만든 이 코드샌드박스를 확인해 보세요: https://codesandbox.io/s/stack-70836234-11sck?file=/src/comComponents/CardHeight.vue

v-row 中删除 align="center"。然后只需将 css height:100% 添加到您的 v-card

에서

업데이트: v-card 设置固定高度，可以使用 vuetify 的显示断点，在本例中，我将它们应用于 style 속성을 모바일 뷰에서만 사용하려면 html 속성과 js가 있는 곳 어디에서나 사용할 수 있습니다.

으아악