/
githubmirror
/
vuetify
Обзор
Документация
Войти
/
githubmirror
/
vuetify
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
packages/docs/src/examples/grid/prop-align.vue
79 строк
2 KB
Andrei Elkin
feat(VCol/VRow): grid system overhaul (#21500)
30 янв 2026, 12:21
Не верифицирован
30 янв 2026, 12:21
f6d24a9
Код
Авторство
О чём код?
<template> <div> <v-container class="bg-surface-variant mb-6" > <v-row class="align-start" style="height: 150px;" > <v-col v-for="n in 3" :key="n" > <v-sheet class="pa-2"> align-start </v-sheet> </v-col> </v-row> </v-container> <v-container class="bg-surface-variant mb-6" > <v-row class="align-center" style="height: 150px;" > <v-col v-for="n in 3" :key="n" > <v-sheet class="pa-2"> align-center </v-sheet> </v-col> </v-row> </v-container> <v-container class="bg-surface-variant mb-6" > <v-row class="align-end" style="height: 150px;" > <v-col v-for="n in 3" :key="n" > <v-sheet class="pa-2"> align-end </v-sheet> </v-col> </v-row> </v-container> <v-container class="bg-surface-variant"> <v-row style="height: 150px;"> <v-col class="align-self-start"> <v-sheet class="pa-2"> align-self-start </v-sheet> </v-col> <v-col class="align-self-center"> <v-sheet class="pa-2"> align-self-center </v-sheet> </v-col> <v-col class="align-self-end"> <v-sheet class="pa-2"> align-self-end </v-sheet> </v-col> </v-row> </v-container> </div> </template>