<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default {
  name: 'App',
  mounted() {
    this.beilv = document.body.offsetWidth / 1920
    document.documentElement.style.setProperty('--beilv', this.beilv)
    window.addEventListener('resize', () => {
      this.beilv = document.body.offsetWidth / 1920
      document.documentElement.style.setProperty('--beilv', this.beilv)
    })
  },
  data() {
    return {
      beilv: 1
    }
  }
}
</script>

<style lang="scss" scoped>
#app {
  background-color: #f2f4f9;
}
</style>
