<template>
  <HeaderBar/>
  <router-view/>
</template>

<script setup lang="ts">
import HeaderBar from './components/HeaderBar.vue'
</script>

<style>

/* 设置 body 背景渐变，清除异常布局设置 */
html, body, #app {
  margin: 0;
  padding: 0;
  height: 100vh;
  width: 100%;
  display: flex;
  flex-direction: column;
  background: linear-gradient(200deg, #f3e7e9, #e3eeff);
  overflow: hidden; 
}
</style>
