/
githubmirror
/
vuetify
Обзор
Документация
Войти
/
githubmirror
/
vuetify
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
packages/docs/src/examples/wireframes/system-bar.vue
62 строки
1 KB
John Leider
docs(wireframes): update wireframe structure
09 авг 2023, 19:39
09 авг 2023, 19:39
835f744
Код
Авторство
О чём код?
<template> <v-app id="inspire"> <v-system-bar> <v-spacer></v-spacer> <v-icon>mdi-square</v-icon> <v-icon>mdi-circle</v-icon> <v-icon>mdi-triangle</v-icon> </v-system-bar> <v-app-bar> <v-app-bar-nav-icon @click="drawer = !drawer"></v-app-bar-nav-icon> <v-app-bar-title>Application</v-app-bar-title> </v-app-bar> <v-navigation-drawer v-model="drawer" temporary > <!-- --> </v-navigation-drawer> <v-main class="bg-grey-lighten-2"> <v-container> <v-row> <template v-for="n in 4" :key="n"> <v-col class="mt-2" cols="12" > <strong>Category {{ n }}</strong> </v-col> <v-col v-for="j in 6" :key="`${n}${j}`" cols="6" md="2" > <v-sheet height="150"></v-sheet> </v-col> </template> </v-row> </v-container> </v-main> </v-app> </template> <script setup> import { ref } from 'vue' const drawer = ref(null) </script> <script> export default { data: () => ({ drawer: null }), } </script>