项目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"...}}}}
})
更多推荐
vite+vue3项目antdv主题定制
发布评论