<template>
  <div id="index" style="height: 100%">
    <Header></Header>
    <div class="route-container">
      <router-view></router-view>
    </div>
  </div>
</template>
<script>
import Header from "./Header";

export default {
  name: "Index",
  components: { Header },
  data() {
    return {
      time: "",
      weekDay: "",
      date: "",
      zoom: 1,
      screenDetail: {},
      leftNav: [],
      rightNav: [],
      childRouteName: "",
      totalMenu: [],
    };
  },
  methods: {},
  computed: {
    token() {
      return localStorage.getItem("token");
    },
  },
  mounted() {},
};
</script>
<style scoped lang="less">
#index {
  background: url("@/assets/images/background.png") no-repeat;
  background-size: 100% 100%;
  background-attachment: fixed;
}
.route-container {
  position: fixed;
  top: 80px;
  left: 0;
  width: 100%;
  height: calc(100% - 80px);
}
.router-change {
  position: fixed;
  right: 40px;
  bottom: 40px;
  z-index: 1000;
  img {
    width: 70px;
    height: 70px;
    vertical-align: top;
    cursor: pointer;
    opacity: 0.6;
    &:hover {
      opacity: 1;
    }
  }
}
</style>