<template>
  <a-config-provider :theme="themeStore.themeConfig" :locale="localeStore.locale">
    <router-view/>
  </a-config-provider>
</template>

<script setup lang="ts">
import {useThemeStore} from "@/store/useThemeStore.ts";
import {useLocaleStore} from "@/store/useLocaleStore.ts";

const themeStore = useThemeStore()
const localeStore = useLocaleStore()
</script>
<style>
#app {
  height: 100vh;
  width: 100vw;
  overflow: auto;

}


::-webkit-scrollbar {
  width: 5px; /* 宽度 */
  height: 8px; /* 高度（对于水平滚动条） */
  border: 1px solid rgb(128, 128, 128, 0.2);
}

/* 滚动条滑块 */

::-webkit-scrollbar-thumb {
  background: rgb(128, 128, 128, 0.5); /* 滑块颜色 */
  border-radius: 10px;
}

/* 滚动条轨道 */

::-webkit-scrollbar-track {
  background: transparent; /* 轨道颜色 */
  border-radius: 10px;
}

/*动画处理*/
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s ease;
}

.v-enter-from,
.v-leave-to {
  opacity: 0;
}

/*动画处理*/
.drop-enter-active,
.drop-leave-active {
  transition: all 0.5s ease;
}

.drop-enter-from,
.drop-leave-to {
  transform: translateY(-30px);
  opacity: 0;
}


</style>