plantScreen/src/App.vue

<script setup lang="ts">
// @ts-ignore
import Header from "@/components/Header.vue"
import Login from "@/components/login.vue"
let Token =localStorage.getItem('TOKEN')

</script>
<template>
  <!-- <div>sadas</div> -->
  <div class="main-box" v-if="Token">
    <Header></Header>
    <router-view></router-view>
  </div>
  <div v-else class="login-box">
    <Login></Login>
  </div>
  <div>



  </div>
</template>



<style lang="scss">
@import '/static/font/font.css';

* {
  margin: 0;
  padding: 0;
}

.main-box {
  width: 100vw;
  height: 100vh;
  background-image: url('/static/index/bg.png');
  background-size: 100% 100%;
  overflow: hidden;
}
.login-box{
  width: 100vw;
  height: 100vh;
  background-image: url('/static/login/bg.png');
  background-size: 100% 100%;
  overflow: hidden;
}
.color-font {
  font-family: FZCYJ;
  color: #E5EFFF;
  background: linear-gradient(to bottom, #DAE8FE 30%, #53A0FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
</style>