注册、查看、修改组件顶部背景色改为白色

“dzb”

2022-09-21 091618590e16bc7e3f989944494b49ab6e98b626

 src/views/layout/components/Header/index.vue

@@ -1,32 +1,31 @@
<template>
  <!-- 头部 -->
  <el-header>
    <!-- 展开控制按钮 -->
     <!-- <hamburger :is-active="opened" class="hamburger-container" @toggleClick="toggleSideBar" /> -->
     <!-- 右侧菜单 -->
    <div class="header-title">
      <div class="bell">
        <el-icon class="el-icon-bell" style="color: white"></el-icon>
      <!-- 右侧菜单 -->
      <div class="header-title">
        <div class="bell">
          <el-icon class="el-icon-bell" style="color: white"></el-icon>
        </div>
        <div class="userinfo">
          <div class="avatar"></div>
          <span class="username">admin</span>
        </div>
        <div class="loginout" @click="loginout">退出登录</div>
      </div>
      <div class="userinfo">
        <div class="avatar"></div>
        <span class="username">admin</span>
      </div>
      <div class="loginout">退出登录</div>
    </div>
  </el-header>
    </el-header>
</template>

<script>
import hamburger from "@/components/hamburger"
export default {
  data(){
  data() {
    return {
      opened:false
    }
      opened: false,
    };
  },
  components:{
    hamburger
  methods:{
    loginout(){
      this.$router.push({path:"/login"})
    }
  }
};
</script>
@@ -41,6 +40,7 @@
  align-items: center;
  justify-content: flex-end;
  padding: 0;
  width: 100%;
  .header-title {
    display: flex;
    align-items: center;