<template>
  <mega-config-provider :locale="$i18n.messages[$store.state.app.locale]">
    <a-layout id="app" class="app">
      <keep-alive include="CheckReportH5">
        <nuxt ref="tabContent" />
      </keep-alive>
    </a-layout>
  </mega-config-provider>
</template>

<script>
import { ConfigProvider as MegaConfigProvider } from "@mega-design/ui-vue";

export default {
  name: "H5",
  components: { MegaConfigProvider },
  data() {
    return {
      collapsed: false,
      showBackTop: false,
      sideMenuWidth: "256px",
      searchActive: false,
      scrollNode: null,
      timer: null,
    };
  },
};
</script>

<style lang="less" scoped>
@import (optional, once) "../theme";
.app {
  min-height: 100vh;
  .app-wrapper {
    min-height: 100vh;
  }
  .virtual-side {
    transition: all 0s ease 0s;
  }
  .virtual-header {
    transition: all 0s ease 0s;
    opacity: 0;
    height: 50px;
    &.fixed-tabs.multi-page:not(.fixed-header) {
      height: 0;
    }
  }
  .back-top {
    width: 56px;
    height: 56px;
    position: fixed;
    bottom: 101px;
    right: 8px;
    z-index: 1000;
    cursor: pointer;
  }
  .app-split-drag {
    position: fixed;
    top: 0;
    height: 100%;
    width: 6px;
    cursor: e-resize;
    transform: translate(-50%);
    z-index: 50;
  }
}
</style>
