Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 | <template> <q-layout view="hHh Lpr lff"> <q-header elevated> <NavBar /> </q-header> <q-drawer v-model="drawer" :width="200" :breakpoint="500" show-if-above bordered content-class="bg-grey-3" > <q-scroll-area class="fit"> <slot name="sidebar"></slot> </q-scroll-area> </q-drawer> <q-page-container> <q-page padding> <div class="search-engine-layout"> <div class="search-breadcrumbs"> <slot name="breadcrumbs"> <q-breadcrumbs> <q-breadcrumbs-el label="Home" icon="fa fa-home" to="/" /> <q-breadcrumbs-el :label="title" /> </q-breadcrumbs> </slot> </div> <q-separator spaced /> <div class="search-content"> <slot name="content"></slot> </div> </div> </q-page> </q-page-container> <!-- <q-footer> <Footer /> </q-footer> --> </q-layout> </template> <script> import { openURL } from "quasar"; import NavBar from "components/layout/NavBar"; import Footer from "components/layout/Footer" export default { props: ['title'], // name: 'ComponentName', components: { NavBar, Footer }, methods: { openURL }, data () { return { drawer: true } } } </script> <style scoped> .search-engine-layout { } .search-engine-layout .sidebar { width: 200px; max-width: 90vw; } .search-engine-layout .sidebar-content { width: 100%; } </style> |