Nuxt/examples/with-buefy/pages/index.vue

26 lines
676 B
Vue
Raw Normal View History

2017-11-07 03:22:19 +00:00
<template>
<nav class="navbar has-shadow is-light">
<div class="container">
<div class="navbar-brand">
<nuxt-link to="/" class="navbar-item">
<img src="~/assets/logo.png">
</nuxt-link>
</div>
<div class="navbar-menu">
<div class="navbar-start">
<nuxt-link to="/" class="navbar-item is-tab" exact>Home</nuxt-link>
<nuxt-link to="/about" class="navbar-item is-tab" exact>About</nuxt-link>
</div>
</div>
</div>
</nav>
</template>
<style lang="scss">
$primary: blue;
$navbar-tab-active-border-bottom-color: red;
@import "~bulma";
@import "~buefy/src/scss/buefy";
</style>