<script>
import Headers from "@/components/Headers.vue";
import homebg from "@/assets/images/homebg.png"
import ScaleBox from "vue2-scale-box";
export default {
  name: "BasicLayout",
  components: {
    Headers,
    ScaleBox
  },
  data() {
    return {
      homebg
    }
  }
};
</script>

<template>
  <ScaleBox :width="1920" :height="1080" bgc="transparent" :delay="100">
    <div class="basic-layout" :style="{
      background: $route.meta.bg === 'none' ? '#070b13' : `url(${homebg})`
    }">
      <Headers />
      <router-view />
    </div>
  </ScaleBox>
</template>

<style scoped lang="less">
.basic-layout {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100%;
}
</style>
