/
githubmirror
/
vuetify
Обзор
Документация
Войти
/
githubmirror
/
vuetify
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
packages/docs/src/examples/wireframes/three-column.vue
99 строк
2 KB
Kael
docs: remove deprecated props from examples
28 янв 2025, 06:02
28 янв 2025, 06:02
78ed107
Код
Авторство
О чём код?
<template> <v-app id="inspire"> <v-app-bar class="px-3" density="compact" flat > <v-avatar class="hidden-md-and-up" color="grey-darken-1" size="32" ></v-avatar> <v-spacer></v-spacer> <v-tabs align-tabs="center" color="grey-darken-2" > <v-tab v-for="link in links" :key="link" :text="link" ></v-tab> </v-tabs> <v-spacer></v-spacer> <v-avatar class="hidden-sm-and-down" color="grey-darken-1" size="32" ></v-avatar> </v-app-bar> <v-main class="bg-grey-lighten-3"> <v-container> <v-row> <v-col cols="12" md="2" > <v-sheet min-height="268" rounded="lg" > <!-- --> </v-sheet> </v-col> <v-col cols="12" md="8" > <v-sheet min-height="70vh" rounded="lg" > <!-- --> </v-sheet> </v-col> <v-col cols="12" md="2" > <v-sheet min-height="268" rounded="lg" > <!-- --> </v-sheet> </v-col> </v-row> </v-container> </v-main> </v-app> </template> <script setup> const links = [ 'Dashboard', 'Messages', 'Profile', 'Updates', ] </script> <script> export default { data: () => ({ links: [ 'Dashboard', 'Messages', 'Profile', 'Updates', ], }), } </script>