Vuetify V-Card passt auf alle möglichen Höhen in V-Col-Fragen und Antworten zum chinesischen PHP-Netzwerk
Vuetify V-Card passt auf alle möglichen Höhen in V-Col
P粉692052513
P粉692052513 2024-04-06 10:29:26
0
1
337

Ich erstelle eine Anmelde-/Registrierungsseite mit vue und vuetify. Ich habe den Code unten eingefügt (der Text ist auf Italienisch, weil ich Italiener bin, aber Sie verstehen, was ich meine):

    Login        Accedi          Registrazione    
Vuoi accedere al sito ma non sei registrato? Clicca qui sotto per farlo subito!

Registrati

Wenn Sie dies versuchen, werden Sie feststellen, dass die Karte „Registrierung“ (Registrierung) niedriger ist als die Anmeldekarte. Gibt es eine Möglichkeit (vorzugsweise mit CSS, aber ohne JS), die Höhe auf die gleiche Höhe wie die Anmeldekarten zu bringen, damit sie besser aussehen?

Danke! Einen schönen Tag noch!

P粉692052513
P粉692052513

Antworte allen (1)
P粉908138620

检查我制作的这个codesandbox:https: //codesandbox.io/s/stack-70836234-11sck?file=/src/components/CardHeight.vue

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

更新:要仅在移动视图上为v-card设置固定高度,可以使用vuetify 的显示断点,在本例中,我将它们应用于style属性,但您可以将其与任何 html 属性和任何带有 js 的地方一起使用。

           
           
            ...
           
           
           
            ...
           
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage
    Über uns Haftungsausschluss Sitemap
    Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!