

<template>
  <div class="app-container">
    <AppHead />

    <div class="main-warpper">
      <router-view> </router-view>
    </div>
  </div>
</template>
<script lang="ts">
import { defineComponent } from "vue";
import AppHead from "./layout/head.vue";

export default defineComponent({
  components: {
    AppHead,
  },
  setup() {},
});
</script>


<style>
* {
  padding: 0;
  margin: 0;
}
@font-face {
  font-family: "tabTypeFace";
  src: url("../public/assets/tabTypeFace.TTF");
}
#app {
  box-sizing: border-box;
}

.app-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 20px 30px;
  background: #f5f9fb;

  box-sizing: border-box;
}
.main-warpper {
  flex: 1;
  box-sizing: border-box;
}
</style>
