| | |
| | | <template> |
| | | <div class="navbar"> |
| | | <hamburger :is-active="sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" /> |
| | | <!-- <hamburger :is-active="sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" /> --> |
| | | |
| | | <!-- <breadcrumb class="breadcrumb-container" /> --> |
| | | |
| | |
| | | </div> |
| | | <el-dropdown class="avatar-container" trigger="click"> |
| | | <div class="avatar-wrapper"> |
| | | <!-- <img :src="avatar+'?imageView2/1/w/80/h/80'" class="user-avatar"> --> |
| | | <a class="user-avatar">{{'中天'.slice(0,1)}}</a> |
| | | <a class="user-avatar">{{ '中天'.slice(0,1) }}</a> |
| | | </div> |
| | | <el-dropdown-menu slot="dropdown" class="user-dropdown"> |
| | | <router-link to="/"> |
| | |
| | | <script> |
| | | import { mapGetters } from 'vuex' |
| | | // import Breadcrumb from '@/components/Breadcrumb' |
| | | import Hamburger from '@/components/Hamburger' |
| | | // import Hamburger from '@/components/Hamburger' |
| | | |
| | | export default { |
| | | components: { |
| | | // Breadcrumb, |
| | | Hamburger |
| | | // Hamburger |
| | | }, |
| | | computed: { |
| | | ...mapGetters([ |
| | |
| | | position: relative; |
| | | background: #fff; |
| | | display: flex; |
| | | border-bottom: 1px solid #f0f2f5; |
| | | // box-shadow: 0 0 0.857143rem rgba(0, 0, 0, 0.12); |
| | | // box-shadow: 0 1px 4px rgba(0,21,41,.08); |
| | | |
| | | .hamburger-container { |
| | |
| | | } |
| | | |
| | | .avatar-container { |
| | | margin-right: 30px; |
| | | margin-right: 24px; |
| | | height: 100%; |
| | | .avatar-wrapper { |
| | | // margin-top: 5px; |
| | | width: 40px; |
| | | height: 100%; |
| | | position: relative; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | .user-avatar { |
| | | cursor: pointer; |
| | | width: 40px; |
| | | height: 40px; |
| | | width: 30px; |
| | | height: 30px; |
| | | font-size: 10px; |
| | | border-radius: 50%; |
| | | margin-right: 12px; |
| | | // margin-right: 12px; |
| | | background: #0077DB; |
| | | line-height: 40px; |
| | | line-height: 31px; |
| | | text-align: center; |
| | | color: #fff; |
| | | } |