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"
...
}
}
}
}
})