ant-design-vue修改主题配色 修改左侧菜单颜色

最新推荐文章于 2024-08-24 07:20:35 发布
最新推荐文章于 2024-08-24 07:20:35 发布
阅读量1.1w 收藏 9
点赞数 4
分类专栏： ant-design-vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35736512/article/details/104853765
版权

看了好多其他人写的文档 看的我放佛一个弱智
然后到官网的文档上找到了解决办法
在这里插入图片描述
这部分的颜色都被我换了 更改方式
1 在这里找到你要修改的组件的‘名称‘在这里插入图片描述
在这里插入图片描述
2然后修改颜色就ok了
在这里插入图片描述
不建议自己写样式去覆盖ant自带的样式，问题非常多

周18
关注
专栏目录
webpack-theme-color-replacer动态修改Ant Design Vue主题色
slow097的博客
07-06 868
在main.js中引入 然后我们在config下创建这3个js文件​​​​​ theme-color-replacer.plugin.config.js文件，代码如下： themeColor.js，代码如下： themesettingConfig.js，代码如下： 根目录vue.config.js 代码......
Ant design vue中实现动态更换主题色
weixin_43225598的博客
09-03 9782
Ant design vue中实现动态更换主题色 一、 使用的插件 “ant-design-vue”: “^1.6.5” “antd-theme-generator”: “^1.1.7”，实现动态更换主题色的核心插件 “less”: “^2.7.3”,超过2.7版本实现动态更换主题色会有问题。建议版本2.7.3 二、 实现步骤 （一）插件安装 1、 使用脚手架搭建Vue项目 2、 使用yarn add ant-design-vue安装UI库 3、 因为ant-design-vue是依赖于less进行开发因此
vue_ant-design-vue菜单递归
12-28
后台返回菜单无限层级展示
不使用样式覆盖修改ant-design-vue菜单颜色
qq_41329287的博客
02-23 1364
【代码】不使用样式覆盖修改ant-design-vue菜单颜色。
推荐文章：探索Vue 3的高效开发新境界 - 使用Ant Design Vue Pro Layout
gitblog_00129的博客
08-24 588
推荐文章：探索Vue 3的高效开发新境界 - 使用Ant Design Vue Pro Layout preview-proUse pro-layout in vitejs. preview https://sendya.github.io/preview-pro/index.html项目地址:https://gitcode.com/gh_mirrors/pr/preview-pro 项目介绍 ...
antd-修改子菜单区域外背景颜色（修改antd组件样式）
热门推荐
陛下Ya的博客
06-04 1万+
目的：修改antd子菜单背景颜色 方法：在子菜单按钮外区域右键检查 查看样式，此处为例修改.ant-menu-dark .ant-menu-inline.ant-menu-sub处可调整子菜单背景颜色 在less文件中正式修改颜色
ant design vue 修改菜单组件下箭头颜色
yanergo的博客
06-09 2452
/*使用sass*/ .ant-menu-submenu-title { .ant-menu-submenu-arrow::before, .ant-menu-submenu-arrow::after { background: #b8c7ce!important; } } .ant-menu-submenu-title:hover { .ant-menu-submenu-arrow::before, .ant-menu-submenu-arrow::afte.
探索 Ant Design 魅力色彩：Ant Design Colors
gitblog_00074的博客
06-10 420
探索 Ant Design 魅力色彩：Ant Design Colors 项目地址:https://gitcode.com/ant_designant-design-colors/ant-design-colors Ant Design Colors 是一个专为 Ant Design 设计语言打造的颜色调色板计算器。这个开源项目提供了 Ant Design 标准配色方案，旨在帮助开发者和设计师轻松...
ant-design-vue 自定义配置颜色
最新发布
09-26
Ant Design Vue (简称ADVue) 提供了一套基于 Vue 的 Ant Design UI 组件库，它允许用户通过自定义主题来自定义组件的颜色。要自定义 ADVue 的颜色配置，你需要在项目中创建或修改主题文件，通常这个文件被称为 `...
AntDesign的调色板计算器
08-11
调色板计算器是Ant Design生态体系中的一个重要组成部分，它允许开发者根据自己的品牌需求或视觉设计调整Ant Design的默认颜色，以创建个性化的UI风格。 Ant Design的色彩系统基于一系列精心挑选的基础颜色，这些...
SpringCloud + Oauth2.0 + ShiroRedis + JWT + Gateway + Nacos + Nginx + ant-design-vue 电商 java 项目
m0_67400973的博客
09-08 670
该项目附带有完整的学习教程和开发部署文档，项目涉及到了很多的技术点，该项目可以用来二次开发，搭建一个自己的商城，也可以作为初创公司的基础架构，总之是一个不错的资源！深知大多数初中级Java工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！因此收集整理了一份《Java开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
ant design pro动态菜单
10-08
自己写的ant design pro动态菜单，不足请指正，互相学习借鉴！
ant design vue 选中行，改变单行背景色
qq_40420214的博客
05-18 3614
ant design vue 选中行，改变改行背景色 背景：因为是刚接触ant design vue 所以遇到了很多问题，此问题来自设计需求，最后根据官方提供的customRow、rowClassName方法来实现了选中行，改变其背景色 官方 贴一下代码，以供下次使用参考 <a-table ref="table" size="small" bordered :columns="columns" :dataSource="dataSource" :pagination
ant-design-vue 修改主题色
wangheng0221的博客
09-27 1797
ant-design-vue 修改主题色， assets文件下单独创建less文件，代码如下：（@primary-color: #1890ff; // 全局主色，其他可参考ant-design-vue官方文档----定制主题） main.js文件引入 注：如果main.js文件引入的是’ant-design-vue/dist/antd.css’需改为’ant-design-vue/dist/antd.less’，less版本可参考： ...
ant design vue 在线自定义更换主题颜色
qq_34164252的博客
12-20 6438
先看demo 源码 原文地址 看到ant design pro 上的 主题颜色更换 感觉挺酷的 就研究了一下 ， 因为最近想用vue 重写一版博客 所有就 用的 vue + ant design 做的这个demo 1 创建项目 用vue cli 创建项目之后 需要先安装以下两个 插件 第一个是 ui 都知道 第二个是 用来改变颜色的插件 “ant-design-vue”: “^1.4.8”, “a...
Ant Design Pro修改菜单栏的颜色
像鱼的博客
07-06 790
umi框架修改菜单配置，ant design pro修改菜单配色
Ant design vue 样式调整（包含导航栏、a-table表格、分页）
xiaohua616的博客
07-08 2064
以下样式均为`ant design vue`样式调整，进行一些界面上的优化
vue点击菜单跳转时，背景颜色动态变化
qq_40906004的博客
06-18 4180
** vue点击菜单跳转时，背景颜色动态变化 ** html: script： export default { name: “menu”, data() { return { activeKey: 0 } }, methods: { onclick(index) { this.KaTeX parse error: Expected '}', got 'EOF' at end of ...
react 入坑学习（十四）混合菜单新模式（ANT ProLayout）
JeffanChen的博客
09-23 4986
混合菜单新模式 样例 Ant Design Pro Blog 文档 这个明显就比非混合的好看很多，今天就来试试改一改吧 现在官网中找到ProLayout 就可以找到这个混合模式的源码样例 import React from 'react'; import ProLayout, { PageContainer } from '@ant-design/pro-layout'; import complexMenu from './complexMenu'; export default () =>
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值