样式变量参考Antd官网
1. vite.config.ts
export default defineConfig({
css: {
preprocessorOptions: {
less: {
modifyVars: {
// 此处也可设置直角、边框色、字体大小等
'primary-color': '#645AFF'
},
javascriptEnabled: true
}
}
}
})
2. main.ts
将’ant-design-vue/dist/antd.css’ 改为 'ant-design-vue/dist/antd.less'
// 引入样式
import 'ant-design-vue/dist/antd.less'
所用依赖版本
"ant-design-vue": "^2.2.2",
"less": "^4.1.1",
"less-loader": "^10.0.1"