<template>
  <div ref="app" id="app">
    <heads class="heads"></heads>
    <router-view :key="$route.fullPath" />
    <foot></foot>
    <upwindow></upwindow>
  </div>
</template>

<script>
import heads from './components/heads/index.vue';
import foot from './components/foots/index.vue';
import upwindow from './components/upwindow.vue';
export default {
  components: {
    heads,
    foot,
    upwindow
  },
  computed: {},
  data() {
    return {};
  },
  mounted() {
    window.addEventListener('scroll', this.handlescroll, true);
  },
  methods: {}
};
</script>

<style lang="scss">
body {
  width: 100%;
  height: 100%;
}
#app {
  // width: 1920px;
  // height: 1080px;
  // overflow-y: auto;
  width: 100%;
  height: 100%;
  min-width: 1100px;
  .heads {
    width: 100%;
  }
}
</style>
