<!--
 * @Author: sjl
 * @Date: 2023-05-07 20:34:03
 * @Descripttion: 
-->
<template>
  <ConfigProvider :locale="getAntdLocale" :autoInsertSpaceInButton="false">
    <!-- <v-scale-screen width="1920" height="911" :isFlat="true"> -->
    <ScaleBox :width="1920" :height="911" bgc="transparent" :delay="100" :isFlat="true">
      <AppProvider>
        <RouterView />
      </AppProvider>
    </ScaleBox>
    <!-- </v-scale-screen> -->
  </ConfigProvider>
</template>

<script lang="ts" setup>
import { ConfigProvider } from 'ant-design-vue';
import { AppProvider } from '/@/components/Application';
import { useTitle } from '/@/hooks/web/useTitle';
import { useLocale } from '/@/locales/useLocale';
// import VScaleScreen from 'v-scale-screen'
import ScaleBox from "vue3-scale-box";
// support Multi-language
const { getAntdLocale } = useLocale();

useTitle();
</script>
<style>
.ant-tabs-nav {
  width: 100% !important;
}

html body {
  aspect-ratio: 16/9;
  /* 设置宽高比例为16:9 */

  /* width: 100%;
  height: 100%; */
  /* margin: 0; */
  padding: 0;
  overflow: hidden !important;
  /* display: flex;
  justify-content: center;
  align-items: flex-start;  */
}

html {
  background: #01131f;
}

body {
  /* width: 1920px !important;
  height: 1080px !important; */
  /* position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  padding: 0 !important; */
}

.map-tips {
  position: relative;
  height: 1080px;
}
</style>
