La v-card Vuetify s'adapte à toutes les hauteurs possibles dans v-col-Questions et réponses sur le réseau chinois PHP
La v-card Vuetify s'adapte à toutes les hauteurs possibles dans v-col
P粉692052513
P粉692052513 2024-04-06 10:29:26
0
1
354

Je suis en train de créer une page de connexion/inscription en utilisant vue et vuetify. Je mets le code ci-dessous (le texte est en italien car je suis italien, mais vous voyez l'idée) :

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

Registrati

Si vous essayez ceci, vous verrez que la carte « d'enregistrement » (enregistrement) est plus basse en hauteur que la carte de connexion. Existe-t-il un moyen (de préférence avec CSS, mais sans JS) de rendre la hauteur identique à celle des cartes de connexion afin qu'elles soient plus belles ?

Merci ! Passe une bonne journée!

P粉692052513
P粉692052513

répondre à tous (1)
P粉908138620

Découvrez ce codesandbox que j'ai créé :https://codesandbox.io/s/stack-70836234-11sck?file=/src/components/CardHeight.vue

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

Mise à jour :Pour utiliser l'attributv-card设置固定高度,可以使用vuetify 的显示断点,在本例中,我将它们应用于styleuniquement sur les vues mobiles, mais vous pouvez l'utiliser avec n'importe quel attribut html et n'importe où avec js.

           
           
            ...
           
           
           
            ...
           
    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal
    À propos de nous Clause de non-responsabilité Sitemap
    Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!