admin-vue/src/App.vue

<template>
  <div id="app">
    <a-config-provider :locale="locale" :theme="themeConfig">
      <router-view />
    </a-config-provider>
  </div>
</template>

<script setup>
import { ref } from 'vue'
import zhCN from 'ant-design-vue/es/locale/zh_CN'
import themeColors from '@/styles/theme.module.less'

// 设置中文语言
const locale = ref(zhCN)
// Ant Design Vue 4 使用运行时主题，与业务 Less 共用主色。
const themeConfig = { token: { colorPrimary: themeColors.primaryColor } }
</script>

<style lang="less">
:root {
  --meow-color-primary: @primary-color;
  --meow-color-primary-active: @primary-active-color;
  --meow-color-primary-light: @primary-light-color;
}
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  background-color: #fafafa;
}
</style>