hsq-pro/src/App.vue

<template>
  <AdaptiveContainer :options="{ width: width, height: height }" style="overflow-y: hidden">
    <ConfigProvider :locale="getAntdLocale">
      <AppProvider>
        <RouterView />
      </AppProvider>
    </ConfigProvider>
  </AdaptiveContainer>
</template>

<script lang="ts" setup>
  import { ref } from 'vue';
  import { ConfigProvider } from 'ant-design-vue';
  import { AppProvider } from '/@/components/Application';
  import { useTitle } from '/@/hooks/web/useTitle';
  import { useLocale } from '/@/locales/useLocale';
  import AdaptiveContainer from '/@/components/Container/src/Adaptive.vue';

  // 解决日期时间国际化问题
  import 'dayjs/locale/zh-cn';

  ConfigProvider.config({
    prefixCls: 'vent-base',
    theme: {
      primaryColor: '#1890ff',
    },
  });

  // support Multi-language
  const { getAntdLocale } = useLocale();
  const width = ref(document.body.clientWidth);
  const height = ref(document.body.clientHeight);

  useTitle();
</script>
<style lang="less" scoped>
  #app {
    overflow: hidden;
  }
  @font-face {
    font-family: 'douyuFont';
    src: url('/@/assets/font/douyuFont.otf');
    font-weight: normal;
    font-style: normal;
  }
</style>