<template>

  <div id="app">
    <VmHeader></VmHeader>

    <div id="content">
      <router-view></router-view>
      <!--      <VmLeft class='left'></VmLeft>-->
      <!--      <VmCenter class='center'></VmCenter>-->
      <!--      <VmRight class='right'></VmRight>-->
    </div>

  </div>
</template>

<script>
import VmHeader from './components/VmHeader.vue'
import VmLeft from './components/VmLeft.vue'
import VmCenter from './components/VmCenter.vue'
import VmRight from './components/VmRight.vue'

import {
  getForeinData,
} from './commonfun/charts.js'

export default {
  name: 'bigScreen',
  data() {
    return {}
  },
  methods: {},
  components: {
    VmHeader,
    VmLeft,
    VmCenter,
    VmRight
  },
  mounted() {

  }
}
</script>
<style scoped>
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

@font-face {
  font-family: electronicFont;
  src: url("../../../assets/font/DS-DIGIT.TTF");
}

li {
  list-style: none;
}

#app {
  border: 1px solid transparent;
  width: 100vw;
  background: url("../../../assets/image/bg.jpg") top center;
  height: 100vh;
  //overflow-y: auto;
}

#content {
  /* width: 100vw; */
  /* height: 100px; */
  /* background-color: pink; */
  padding: 10px 10px 0;
  display: flex;
}

#content .left {
  flex: 3
}

#content .center {
  flex: 5
}

#content .right {
  flex: 3
}

</style>
