vite+vue3项目antdv主题定制

项目antdv主题定制"/>

vite+vue3项目antdv主题定制

1、main.ts 引入的antd.css文件替换为antd.less（如果项目用的是less）

import 'ant-design-vue/dist/antd.less'

2、修改antdv样式变量的值。进入vite.config.ts，在modifyVars里进行配置。点击可查看所有样式变量

export default defineConfig(({mode}) => {const env = loadEnv(mode, './env')return {...css: {preprocessorOptions: {less: {javascriptEnabled: true,charset: false,modifyVars: {"@primary-color": "#007f99","@table-hover-bg": "#ebf5f7"...}}}}
})