59 lines
2.0 KiB
Vue
Executable File
59 lines
2.0 KiB
Vue
Executable File
<template>
|
|
<base-nav class="navbar-top navbar-dark"
|
|
id="navbar-main"
|
|
:show-toggle-button="false"
|
|
expand>
|
|
<ul class="navbar-nav align-items-center d-none d-md-flex ml-lg-auto mr-3">
|
|
<li class="nav-item dropdown">
|
|
<base-dropdown class="nav-link pr-0">
|
|
<div class="media align-items-center" slot="title">
|
|
<span class="avatar avatar-sm rounded-circle">
|
|
<img alt="Image placeholder" src="img/theme/team-4-800x800.jpg">
|
|
</span>
|
|
<div class="media-body ml-2 d-none d-lg-block">
|
|
<span class="mb-0 text-sm font-weight-bold">Jessica Jones</span>
|
|
</div>
|
|
</div>
|
|
|
|
<template>
|
|
<div class=" dropdown-header noti-title">
|
|
<h6 class="text-overflow m-0">欢迎使用!</h6>
|
|
</div>
|
|
<router-link to="/profile" class="dropdown-item">
|
|
<i class="ni ni-single-02"></i>
|
|
<span>个人信息</span>
|
|
</router-link>
|
|
<div class="dropdown-divider"></div>
|
|
<router-link to="/logout" class="dropdown-item">
|
|
<i class="ni ni-user-run"></i>
|
|
<span>退出登陆</span>
|
|
</router-link>
|
|
</template>
|
|
</base-dropdown>
|
|
</li>
|
|
</ul>
|
|
</base-nav>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
activeNotifications: false,
|
|
showMenu: false,
|
|
searchQuery: ''
|
|
};
|
|
},
|
|
methods: {
|
|
toggleSidebar() {
|
|
this.$sidebar.displaySidebar(!this.$sidebar.showSidebar);
|
|
},
|
|
hideSidebar() {
|
|
this.$sidebar.displaySidebar(false);
|
|
},
|
|
toggleMenu() {
|
|
this.showMenu = !this.showMenu;
|
|
}
|
|
}
|
|
};
|
|
</script>
|