<template>
  <div class="header">
    <div class="left">
      <slot name="btn"></slot>
    </div>
    <div class="right">
      <img src="@/assets/reset.png" alt="" style="cursor:pointer" @click="$router.go(0)">
    </div>
  </div>
</template>

<script>
export default {
  name: 'Header',
  data() {
    return {
    };
  },
  computed:{
  },
  watch:{
  },
  methods: {
    
    
  },
};
</script>

<style scoped>
  *{
    box-sizing: border-box;
  }
  .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 16px;
    background: #ffffff;
    margin-bottom: 16px;
  }
  .header .left {
    display: flex;
  }
  .header .left .el-button {
    display: flex;
    width: 84px;
  }

  .header .left .el-button img {
    vertical-align: middle;
    margin-right: 8px;
  }
</style>
