jinchao_front/src/App.vue

<template>
  <div id="app">
    <!-- <div class="top_bar">
      <div class="top_bar_title">金巢机械产销采管理系统</div>
      <div class="top_bar_bottm_box">
        <div class="top_bar_bottm_left"></div>
        <div class="top_bar_bottm_right">
          <div></div>
          <div class="top_bar_icon_box">
            <div @click="minimize"><img src="./assets/image/small.png" alt=""></div>
            <div style="margin:0px 30px;"><img src="./assets/image/big.png" alt=""></div>
            <div style="font-size:36px;color:#fff;">X</div>
          </div>
        </div>
      </div>
    </div> -->
    <router-view />
  </div>
</template>

<script>
// const { remote } = window.require('electron');
// const win = remote.getCurrentWindow();
import {getToken, removeToken, removeRefreshToken} from '@/util/auth';
export default {
  name: "app",
  data() {
    return {
    };
  },
  watch: {},
  computed: {
  },
  created() {

  },
  mounted(){
    console.log('1111111111111111111111',getToken())
    removeToken()
    window.sessionStorage.removeItem('token');
  },
  methods: {
  },
};
</script>
<style lang="scss">
.top_bar{
  height:4.58vw;
  width:100%;
  background:#1e3a8a;
  display:flex;
  justify-content: space-between;

  .top_bar_title{
    font-size:1.8vw;
    color:#fff;
    height: 4.58vw;
    line-height: 4.58vw;
    margin-left: 6.93vw;
  }

  .top_bar_bottm_box{
    height: 100%;

    .top_bar_bottm_right{
      height: 100%;

      .top_bar_icon_box{
        display: flex;
        height: 100%;
        align-items: center;
        margin-right: 20px;
        cursor: pointer;
      }
    }
  }

  
}
#app {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.avue--detail .el-col{
  margin-bottom: 0;
}

.el-table{
  font-size: 1.25vw;
}

.el-input{
  .el-input__inner{
    font-size: 1.25vw;
  }
}

.el-textarea{
  .el-textarea__inner{
    font-size: 1.25vw;
  }
}


.el-button{
  font-size: 1.25vw;
}

.el-form-item__label{
  font-size: 1.25vw;
}
</style>