Files
spring-jwt/customer-vue/src/components/AppNavigation.vue
2022-03-10 15:13:27 +09:00

48 lines
918 B
Vue

<template>
<v-app-bar
app
dense
color="white"
elevation="1"
>
<v-app-bar-nav-icon>
<v-icon>mdi-arrow-left</v-icon>
</v-app-bar-nav-icon>
<v-spacer></v-spacer>
<v-toolbar-title>
<v-img :src="require('@/assets/just-logo.png')"></v-img>
</v-toolbar-title>
<v-spacer></v-spacer>
<v-btn
color="white"
elevation="0"
@click="goNotification"
>
<v-badge
:content="notificationCounts"
:value="notificationCounts"
color="orange"
overlap
>
<v-icon>mdi-bell-outline</v-icon>
</v-badge>
</v-btn>
</v-app-bar>
</template>
<script>
export default {
name: "AppNavigation",
props: ["notificationCounts"],
methods: {
goNotification: function() {
this.$router.push('/notification');
}
}
}
</script>
<style scoped>
</style>