minimal working

This commit is contained in:
polv committed 2021-10-31 17:24:33 +07:00
1 parent 2093433b96
commit 13ea8c80da
11 files changed
+727 -337

No files matched your search

+31 -68
View File
@@ -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>