hailin
2023-07-21 8990ca5d31d5b42c0c38bb9e70c35da187764f9d
src/layout/components/Navbar.vue
@@ -1,6 +1,6 @@
<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" /> -->
@@ -12,8 +12,7 @@
      </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="/">
@@ -33,12 +32,12 @@
<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([
@@ -65,6 +64,8 @@
  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 {
@@ -124,22 +125,25 @@
    }
    .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;
        }