|
|
|
@ -2,38 +2,42 @@ |
|
|
|
<div class="navbar"> |
|
|
|
|
|
|
|
<div class="navbar-header"> |
|
|
|
<div class="right-menu"> |
|
|
|
<template v-if="device !== 'mobile'"> |
|
|
|
<div> |
|
|
|
<hamburger id="hamburger-container" :is-active="sidebar.opened" class="hamburger-container" |
|
|
|
@toggleClick="toggleSideBar" /> |
|
|
|
|
|
|
|
<!-- <screenfull id="screenfull" class="right-menu-item hover-effect" /> |
|
|
|
<breadcrumb v-if="!topNav" id="breadcrumb-container" class="breadcrumb-container" /> |
|
|
|
<top-nav v-if="topNav" id="topmenu-container" class="topmenu-container" /> |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
<div class="right-menu"> |
|
|
|
<template v-if="device !== 'mobile'"> |
|
|
|
|
|
|
|
<!-- <screenfull id="screenfull" class="right-menu-item hover-effect" /> |
|
|
|
|
|
|
|
<el-tooltip content="布局大小" effect="dark" placement="bottom"> |
|
|
|
<size-select id="size-select" class="right-menu-item hover-effect" /> |
|
|
|
</el-tooltip> --> |
|
|
|
|
|
|
|
</template> |
|
|
|
<el-dropdown class="avatar-container right-menu-item hover-effect" trigger="hover"> |
|
|
|
<div class="avatar-wrapper"> |
|
|
|
<img src="@/assets/images/profile.jpg" class="user-avatar"> |
|
|
|
<span class="user-nickname"> {{ nickName }} </span> |
|
|
|
</div> |
|
|
|
<el-dropdown-menu slot="dropdown"> |
|
|
|
<router-link to="/user/profile"> |
|
|
|
<el-dropdown-item>{{ $t('login.profile') }}</el-dropdown-item> |
|
|
|
</router-link> |
|
|
|
<el-dropdown-item divided @click.native="logout"> |
|
|
|
<span>{{ $t('login.logOut') }}</span> |
|
|
|
</el-dropdown-item> |
|
|
|
</el-dropdown-menu> |
|
|
|
</el-dropdown> |
|
|
|
</template> |
|
|
|
<el-dropdown class="avatar-container right-menu-item hover-effect" trigger="hover"> |
|
|
|
<div class="avatar-wrapper"> |
|
|
|
<img src="@/assets/images/profile.jpg" class="user-avatar"> |
|
|
|
<span class="user-nickname"> {{ nickName }} </span> |
|
|
|
</div> |
|
|
|
<el-dropdown-menu slot="dropdown"> |
|
|
|
<router-link to="/user/profile"> |
|
|
|
<el-dropdown-item>{{ $t('login.profile') }}</el-dropdown-item> |
|
|
|
</router-link> |
|
|
|
<el-dropdown-item divided @click.native="logout"> |
|
|
|
<span>{{ $t('login.logOut') }}</span> |
|
|
|
</el-dropdown-item> |
|
|
|
</el-dropdown-menu> |
|
|
|
</el-dropdown> |
|
|
|
<lang-select class="set-language" style="margin-left: 10px;"/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<lang-select class="set-language" /> |
|
|
|
</div> |
|
|
|
<hamburger id="hamburger-container" :is-active="sidebar.opened" class="hamburger-container" |
|
|
|
@toggleClick="toggleSideBar" /> |
|
|
|
|
|
|
|
<breadcrumb v-if="!topNav" id="breadcrumb-container" class="breadcrumb-container" /> |
|
|
|
<top-nav v-if="topNav" id="topmenu-container" class="topmenu-container" /> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
@ -117,7 +121,7 @@ export default { |
|
|
|
height: 50px; |
|
|
|
line-height: 50px; |
|
|
|
display: flex; |
|
|
|
justify-content: flex-end; |
|
|
|
justify-content: space-between; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|