<template>
    <!-- <div id="111"> -->
      <el-container class="homePage">
        <el-header style="height:80px">
          <div>
            <img src="../assets/img/logo-mini.png" alt="">
          </div>
          <div class="homeExitContent">
            <div class="homeName">袁一鸣</div>
            <div class="homeExit" @click="homeExit">退出</div>
          </div>
        </el-header>
      </el-container>
    <!-- </div> -->
      
  </template>
  
  <script>
import { Header } from 'element-ui';

  // import App from '../App.vue'
      export default {
        name:"Header",
        data() {
          return {
            
          }
        },
        methods:{
          homeExit(){
            this.$router.push('/login')
          }
        }
      }
  </script>
  
  <style lang="less" scoped>
  
  .el-header {
      background-color: #3d67bc;
      color: #333;
      text-align: center;
      // line-height: 80px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      .homeExitContent{
        color: #fff;
        display: flex;
        justify-content: space-between;
        width: 150px;
        // height: 30px;
        .homeName{
          float: left;
        }
        .homeExit{
          background: #ffffff;
          color: #000;
          cursor: pointer;
          width: 90px;
        }
      }
    }
   
     .btns{
      display: block;
      padding: 25px 0;
      text-decoration: none;
      color: #909399;
     }

  </style>