osm_my_commerce/layouts/default.vue

55 lines
1.2 KiB
Vue
Raw Normal View History

2020-12-16 13:56:07 +01:00
<template>
<div>
<nav
class="navbar header has-shadow is-success"
role="navigation"
aria-label="main navigation"
>
<div class="navbar-brand">
<a class="navbar-item" href="/">
2020-12-17 12:09:28 +01:00
<img src="~assets/OSM-FR.svg" alt="logo osm" />
2020-12-16 13:56:07 +01:00
Sur OSM
</a>
<div class="navbar-burger">
<span />
<span />
<span />
</div>
</div>
</nav>
<section class="main-content columns">
<aside class="column is-2 section">
2020-12-17 12:09:28 +01:00
<!-- <p class="menu-label is-hidden-touch">General</p>-->
2020-12-16 13:56:07 +01:00
<ul class="menu-list">
<li v-for="(item, key) of items" :key="key">
2020-12-17 12:09:28 +01:00
<nuxt-link
:to="item.to"
exact-active-class="has-background-success"
>
2020-12-16 13:56:07 +01:00
<b-icon :icon="item.icon" /> {{ item.title }}
</nuxt-link>
</li>
</ul>
</aside>
<div class="container column is-10">
<nuxt />
</div>
</section>
</div>
</template>
<script>
2020-12-17 12:09:28 +01:00
import routelist from './routes'
2020-12-16 13:56:07 +01:00
export default {
data() {
return {
2020-12-17 12:09:28 +01:00
items: routelist,
2020-12-16 13:56:07 +01:00
}
},
}
</script>