castgroup_bigscreen/.history/src/App_20220531170040.vue

<!--
 * @LastEditors: gcz
-->
<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style lang='scss'>
@import url(../static/css/flex.scss);
#app {
  position: relative;
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #fff;
}

.blur-wrap{
    backdrop-filter: blur(6px);
    height: calc( 100vh - var(--header-height) - 24px );
    @include mbg(0.3);
}
</style>