40 lines
1.1 KiB
Vue
40 lines
1.1 KiB
Vue
<template>
|
|
<b-navbar>
|
|
<template #brand>
|
|
<b-navbar-item tag="router-link" :to="{ path: '/' }">
|
|
<img
|
|
src="/img/logo_text.png"
|
|
alt="Lightweight UI components for Vue.js based on Bulma"
|
|
/>
|
|
</b-navbar-item>
|
|
</template>
|
|
<template #start>
|
|
<b-navbar-item href="#"> Home </b-navbar-item>
|
|
<b-navbar-item href="#"> Documentation </b-navbar-item>
|
|
<b-navbar-dropdown label="Info">
|
|
<b-navbar-item href="#"> About </b-navbar-item>
|
|
<b-navbar-item href="#"> Contact </b-navbar-item>
|
|
</b-navbar-dropdown>
|
|
</template>
|
|
|
|
<template #end>
|
|
<b-navbar-item tag="div">
|
|
<div class="buttons">
|
|
<a class="button is-primary">
|
|
<strong>Konto anlegen</strong>
|
|
</a>
|
|
<a class="button is-light">Anmelden</a>
|
|
</div>
|
|
</b-navbar-item>
|
|
</template>
|
|
</b-navbar>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { Component, Vue } from "vue-property-decorator";
|
|
|
|
@Component
|
|
export default class Navbar extends Vue {}
|
|
</script>
|
|
|
|
<style scoped lang="scss"></style>
|