blog/template/common/bar-index.html

55 lines
2.2 KiB
HTML

<v-app-bar app :color="$vuetify.theme.dark?'':'white'" flat dense>
<v-tabs color="grey darken-1" align-with-title="true">
<v-tabs-slider color="transparent"></v-tabs-slider>
<v-tab href="/">首页</v-tab>
<v-tab link href="/diary">正经人谁写日记</v-tab>
<!-- <v-menu offset-y open-on-hover :close-on-content-click="false" style="z-index: 50">
<template v-slot:activator="{ on, attrs }">
<v-tab v-bind="attrs" v-on="on">
文章
</v-tab>
</template>
<v-list dense>
<v-list-item-group color="primary">
<v-list-item>
<v-list-item-content>
<v-list-item-title>Spring</v-list-item-title>
</v-list-item-content>
</v-list-item>
<v-list-item-group color="primary">
<v-list-item>
<v-list-item-content>
<v-list-item-title>Redis</v-list-item-title>
</v-list-item-content>
</v-list-item>
</v-list-item-group>
</v-list>
</v-menu> -->
<v-tab>Hello World</v-tab>
</v-tabs>
<v-spacer></v-spacer>
<!-- <v-app-bar-nav-icon class="d-flex d-sm-none" @click="drawer = true"></v-app-bar-nav-icon> -->
#{ if ne (.session.Get "user") nil}
<v-menu rounded="0" offset-y>
<template v-slot:activator="{ on }">
<v-btn class="d-none d-sm-flex" color="primary" tile primary v-on="on">
<v-icon>mdi-account</v-icon>
#{(.session.Get "user").username}
</v-btn>
</template>
<v-list>
<v-list-item link href="/admin">
<v-list-item-title>后台管理</v-list-item-title>
</v-list-item>
<!-- <v-list-item link>
<v-list-item-title>456</v-list-item-title>
</v-list-item> -->
<v-list-item link href="/logout">
<v-list-item-title>退出</v-list-item-title>
</v-list-item>
</v-list>
</v-menu>
#{end}
</v-app-bar>