<!--
 * @Date: 2024-09-26 13:36:06
 * @LastEditors: hookehuyr hookehuyr@gmail.com
 * @LastEditTime: 2024-10-15 16:26:25
 * @FilePath: /hager/src/App.vue
 * @Description: 文件描述
-->
<template>
  <div style=" display: flex; flex-direction: column; min-height: 100vh;">
    <hager-header></hager-header>
    <router-view :class="['wrapper', is_xs ? 'xs' : '']"></router-view>
    <hager-footer></hager-footer>
  </div>
</template>

<script>
import hagerHeader from '@/components/common/hagerHeader.vue';
import hagerFooter from '@/components/common/hagerFooter.vue';
import mixin from '@/common/mixin';

export default {
  components: { hagerHeader, hagerFooter },
  mixins: [mixin.init],
  data () {
    return {

    }
  },
  mounted () {

  },
  methods: {

  }
}
</script>

<style lang="less">
* {
  outline: none;
}

html,
body {
  font-size: 16px;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  p {
    margin: 0;
    padding: 0;
  }
}

.global-center {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.wrapper {
  margin-top: 10rem;
  flex-grow: 1;
  &.xs {
    margin-top: 7rem;
  }
}
</style>