<!--
 * @Author: zwq
 * @Date: 2022-10-20 09:22:39
 * @LastEditors: zwq
 * @LastEditTime: 2022-11-24 10:37:57
 * @Description:
-->
<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default {
  name: 'App',
  data() {
    return {
      beilv: 1
    }
  },
  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)
    })
  }
}
</script>

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