国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

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
1004

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):

<v-row 
      align="center"
      justify="center"
      class="prova"
    >
        <v-col
        cols="10"
        lg="3"
        md="4"
        sm="5"
        >
          <v-card
          >
            <v-card-title class="center">
              Login
            </v-card-title>

            <v-card-text
              class="center"
            >
              <v-container>
                <v-form>
                  <v-text-field
                    label="Email"
                    required
                  ></v-text-field>

                  <v-text-field
                    :append-icon="showPassword ? 'mdi-eye' : 'mdi-eye-off'"
                    :type="showPassword ? 'text' : 'password'"
                    label="Password"
                    counter
                    @click:append="showPassword = !showPassword"
                  ></v-text-field>

                  <v-btn
                    color="primary"
                  >
                    Accedi
                  </v-btn>
                </v-form>
              </v-container>
            </v-card-text>
          </v-card>
        </v-col>
        <v-col
        cols="10"
        lg="3"
        md="4"
        sm="5"
        fill-height
        >
          <v-card
          >
            <v-card-title class="center">
              Registrazione
            </v-card-title>

            <v-card-text class="center">
            <v-container >
              <div
              >Vuoi accedere al sito 
                ma non sei registrato? 
                Clicca qui sotto 
                per farlo subito!</div>
              <br>
              <v-btn
                color="primary"
              >
                Registrati
              </v-btn>
            </v-container>
            </v-card-text>
          </v-card>
        </v-col>
    </v-row>

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"。然后只需將 css height:100% 添加到您的 v-card

更新: 要僅在移動視圖上為 v-card 設(shè)置固定高度,可以使用 vuetify 的顯示斷點(diǎn),在本例中,我將它們應(yīng)用于 style 屬性,但您可以將其與任何 html 屬性和任何帶有 js 的地方一起使用。



...




...

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage