<template>
  <div style="width: 100%;height: 8.8%;">
    <img src="../assets/img/head.png" style="width: 100%;object-fit: contain;">
    <div style="width: 4vw;height: 1.5vw;background-color: #3967a4;text-align: center;font-size: 0.9vw;color: white;box-shadow: 0px 0px 10px #69cbff inset;
    line-height: 1.5vw;position: absolute;top: 2.5vw;right: 9vw;" @click="goMulu()">目录
    </div>
    <div style="width: 5vw;height: 1.5vw;background-color: #3967a4;text-align: center;font-size: 0.9vw;color: white;box-shadow: 0px 0px 10px #69cbff inset;
    line-height: 1.5vw;position: absolute;top: 2.5vw;right: 2.6vw;" @click="log()">退出登录</div>
  </div>

</template>
<script>

export default {
  // eslint-disable-next-line vue/multi-word-component-names
  name: 'head',
  data() {
    return{

    }

  },
  methods:{
    log(){
      localStorage.clear();
      this.$router.push('/')
    },
    goMulu(){
      this.$router.push('/Mulu')
    }
  },
  mounted() {

  }
}
</script>
<style scoped>

</style>
