不使用样式覆盖修改ant-design-vue菜单颜色

1、在vue.config.js中配置以下代码
使用的是less，需要安装(less,less-loader)

module.exports = {... ...css: {loaderOptions: {less: {modifyVars: {'layout-header-background': '#007ACC', // 顶部颜色'menu-item-font-size': '15px', // 菜单文字大小'menu-icon-size': '15px', // 菜单图标大小'menu-dark-submenu-bg': '#005f9f', // 暗色系菜单背景'menu-dark-color': '#fff', // 暗色系菜单文字颜色'menu-dark-arrow-color': '#fff', // 暗色系右边箭头图标},javascriptEnabled: true}}},

2、想配置其他参数可以访问下面连接，或者访问你本地的node_modules/ant-design-vue/lib/style/themes/default.less文件
链接: 更多样式变量配置参数
https://github.com/vueComponent/ant-design-vue/blob/main/components/style/themes/default.less
3、官方参考地址
链接: 定制主题官方参考地址
https://antdv.com/docs/vue/customize-theme-cn/

不使用样式覆盖修改ant-design-vue菜单颜色相关推荐

vue3 antd table表格样式修改——ant design vue table表格的行高调整
vue3 antd项目实战--修改ant design vue table组件的默认样式(调整每行行高) 知识调用场景复现实际操作解决a-table表格padding过宽知识调用文章中可能会 ...
修改ant design vue中的Icon图标颜色
直接行内式即可 <a-icon type="file-text" style="color: rgba(28, 106, 235, 1)" />
解决ant design vue中的modal弹框样式修改无效问题修改modal样式无效
ant design vue中的modal弹框修改样式无效问题 ant中的弹框样式是修改不了的原因在于弹框modal被挂载在最大的元素div外面了所以需要将挂载在某个html元素上在modal外 ...
ant design vue利用rowClassName给table添加行样式
ant design vue利用rowClassName给table添加行样式目录 1. 需求:表格每行数据hasVerdict值不为'1'时标红显示 2. 实现方式:table属性rowClass ...
ant design vue 的 description组件中 label 默认样式的更改
这两天做项目,需要实现一个如下图的效果于是我就去 ant design vue 里面找,发现 description 组件符合这个效果但是写完之后我发现,这个组件的 label 并不能修改样式啊, ...
ant design vue 中Upload组件如何自定义文件列表的样式
ant design vue 中Upload组件如何自定义文件列表的样式问题历程 UploadList 组件源码 h() 方法实现注问题技术:vue.ant design vue 在开发项 ...
Ant Design Vue 表格筛选时只进行前台的按页筛选修改为后台的全局筛选
原因分析在我们使用 Ant Design Vue 表格筛选功能时会发现,如果只是按照例子来,只是前端的按页筛选,并不能都进行全局筛选,原因有两点: 1.我们筛选的时候,只是进行前端的数据过滤,并没有 ...
ant design vue table表格组件实现隔行变色
ant design vue table表格组件实现隔行变色一.使用方法 html代码: <a-table:columns="patient":data-source=&q ...
Vue 2.x折腾记 - (16) 基于Ant Design Vue 封装一个配置式的表单搜索组件
前言这次的后台管理系统项目选型用了Vue来作为主技术栈: 因为前段时间用过React来写过项目(用了antd),感觉棒棒的. 所以这次就排除了Element UI,而采用了Ant Design Vu ...
chrome插件开发（manifest_version版本V3 + Ant Design Vue）
1.什么是 Chrome 插件谷歌浏览器插件是一种小型的定制浏览器体验的程序,通过插件可以自定义浏览器的一些行为来适合个人的需求,例如上面的查看服务器状态插件. 在应用商店中下载下来的插件基本上都是 ...

不使用样式覆盖修改ant-design-vue菜单颜色

不使用样式覆盖修改ant-design-vue菜单颜色

不使用样式覆盖修改ant-design-vue菜单颜色相关推荐

最新文章

热门文章