minimal working
This commit is contained in:
1 parent
2093433b96
commit
13ea8c80da
11 files changed
+727
-337
No files matched your search
+31
-68
@@ -1,74 +1,37 @@
|
||||
<template>
|
||||
<div>
|
||||
<nav
|
||||
class="navbar header has-shadow is-primary"
|
||||
role="navigation"
|
||||
aria-label="main navigation"
|
||||
>
|
||||
<div class="navbar-brand">
|
||||
<a
|
||||
class="navbar-item"
|
||||
href="/"
|
||||
>
|
||||
<img
|
||||
src="~assets/buefy.png"
|
||||
alt="Buefy"
|
||||
height="28"
|
||||
>
|
||||
</a>
|
||||
|
||||
<div class="navbar-burger">
|
||||
<span />
|
||||
<span />
|
||||
<span />
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<section class="main-content columns">
|
||||
<aside class="column is-2 section">
|
||||
<p class="menu-label is-hidden-touch">
|
||||
General
|
||||
</p>
|
||||
<ul class="menu-list">
|
||||
<li
|
||||
v-for="(item, key) of items"
|
||||
:key="key"
|
||||
>
|
||||
<NuxtLink
|
||||
:to="item.to"
|
||||
exact-active-class="is-active"
|
||||
>
|
||||
<b-icon :icon="item.icon" /> {{ item.title }}
|
||||
</NuxtLink>
|
||||
</li>
|
||||
</ul>
|
||||
</aside>
|
||||
|
||||
<div class="container column is-10">
|
||||
<Nuxt />
|
||||
</div>
|
||||
</section>
|
||||
<div class="DefaultLayout">
|
||||
<nuxt />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
items: [
|
||||
{
|
||||
title: 'Home',
|
||||
icon: 'home',
|
||||
to: { name: 'index' }
|
||||
},
|
||||
{
|
||||
title: 'Inspire',
|
||||
icon: 'lightbulb',
|
||||
to: { name: 'inspire' }
|
||||
}
|
||||
]
|
||||
<script lang="ts">
|
||||
import { Vue, Component } from 'nuxt-property-decorator'
|
||||
import '~/assets/speak'
|
||||
|
||||
@Component<DefaultLayout>({
|
||||
mounted() {
|
||||
if (process.env['NODE_ENV'] !== 'development') {
|
||||
window.onbeforeunload = function (e: any) {
|
||||
e.preventDefault()
|
||||
e.returnValue = 'not returned'
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
})
|
||||
export default class DefaultLayout extends Vue {}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
html,
|
||||
body,
|
||||
#__nuxt,
|
||||
#__layout,
|
||||
.DefaultLayout {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
overscroll-behavior-y: none;
|
||||
}
|
||||
</style>
|
||||
Reference in new issue
Block a user