更改NavMenu 导航菜单激活时的背景颜色

最新推荐文章于 2023-12-05 14:19:29 发布
最新推荐文章于 2023-12-05 14:19:29 发布
阅读量4.9k 收藏 2
点赞数 5
分类专栏： vue学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/syiting/article/details/109965774
版权

效果图

在这里插入图片描述

方法

写在< style >中

.el-menu-item.is-active {
  background-color: #2674c5 !important;
}

我这边显示的是灰色的，我以为没用，原来是可以用的
在这里插入图片描述

Ella Shen
关注
专栏目录
ElementUi中NavMenu 导航菜单router用法
不会有人真的学前端吧
07-28 7772
ElementUi中NavMenu 导航菜单router用法 问题引出 写页面中遇到需要写NavMenu 导航菜单,作为菜鸟按照Element官方的NavMenu 导航菜单用法,传统式使用在data声明一个activeIndex作为跳转的首页,当我点击NavMenu 导航菜单到一个子路由页面(此时导航上跳转子路由的文字高亮)再点击刷新时,导航页面上的字高亮显示的是我默认的页面 展示 这是默认的页面,默认"打单管理"文字高亮 这是点击了设置之后,路由跳转,此时"设置"文字高亮 点击刷新后,路由没跳转,但
vue切换菜单时不需要页面刷新_vue element-ui 刷新页面后导航菜单不高亮问题
weixin_39783915的博客
12-19 1277
问题详情：在使用element-ui的NavMenu组件作为导航菜单的时候，我是通过遍历router/index.js里的路由json数组(已定义成常量)来作为NavMenu的渲染数据的。但是我发现刷新页面之后NavMenu就失去了高亮。尝试解决：初步Google搜索之后发现原来NavMenu组件有这么一个参数配置用来管理当前激活的菜单：default-active 说明：当前激活菜单的 i...
菜单导航(鼠标点击那个菜单，那个菜单背景颜色改变)
06-23
菜单导航(鼠标点击那个菜单，那个菜单背景颜色改变)
更改element-ui中NavMenu导航栏中的hover背景色和字体色及边框线
最新发布
Y2960018173的博客
12-05 2248
【代码】更改element-ui中NavMenu导航栏中的hover背景色和字体色及边框线。
设置UINavigation的背景图片和背景颜色
热门推荐
CharlesBein_卞
01-22 2万+
//通过背景图片来设置背景 float systemVersion = [[[UIDevice currentDevice] systemVersion] floatValue]; UIImage *backgroundImage = [UIImage imageNamed:@"navbg.png"]; //获取图片 if(systemVersion>=5.0) { CGSize ti
修改vue-element-admin中导航菜单被激活后的背景色
weixin_55966654的博客
10-28 3023
修改vue-element-admin被选中后的菜单背景色
element菜单组件样式修改NavMenu导航菜单
见贤思齐焉，见不贤内自省
06-06 4270
element菜单组件样式修改NavMenu导航菜单
C#2008下开用用的navmenu菜单
02-05
在C# 2008开发环境中，NavMenu（导航菜单）是一种常见的用户界面元素，用于提供应用程序的主要功能入口。这个“C#2008下开用用的navmenu菜单”很可能是一个自定义控件或者代码库，设计用于简化在C#应用中创建和管理...
修改layui的后台模板的左侧导航栏可以伸缩的方法
10-16
在上述代码中，我们首先为导航栏添加了一个控制按钮，然后编写了一个JavaScript函数，该函数会在点击按钮时切换导航栏的`layui-nav-collapse`类，通过这个类来控制导航栏的宽度。最后，通过CSS样式来定义导航栏在...
Layui 导航默认展开和菜单栏选中高亮设置的方法
10-16
例如，可以改变 `layui-this` 类的背景颜色、边框等属性，以满足特定的设计需求。 - 对于展开的菜单，可以通过修改 `layui-nav-itemed` 类的子元素样式，如 `display` 属性来控制子菜单的显示和隐藏。 6. **响应式...
【修改el-menu主菜单和子菜单悬浮的背景色】
weixin_44995829的博客
10-18 9998
【修改el-menu主菜单和子菜单悬浮的背景色】
element导航栏navmenu样式修改
weixin_52725484的博客
04-20 828
样式修改包括子菜单、以及替换icon、选中样式改变字体颜色以及一级菜单高亮保持不变等、但是还未实现子菜单根据一级菜单宽度改变自身宽度、目前采用固定宽度的方式实现。
改变虚拟导航栏(navigation bar)背景色及图标颜色
Chrissen's Blog
05-16 2万+
众所周知，安卓系统中存在着虚拟的导航栏，它们不是实体按键，而是通过软件实现的。一般而言，虚拟导航栏是长成下面这样的： 系统中默认虚拟导航栏的背景是黑色的，按键的颜色是白色。但是如果软件需要自定义主题色，很多时候，我们都希望它的背景色能跟主题色保持一样。那我们怎么实现呢？ <item name="android:navigationBarColor">@color/colorPrima...
导航栏背景色、标题颜色以及返回键自定义
miaocuilin的专栏
07-25 2109
1.导航栏背景色设置： //设置为半透明 self.navigationController.navigationBar.translucent = YES; //设置背景色及透明度 [self.navigationController.navigationBar setBackgroundImage:[UIImage imageWithColor:[UICol
Element-ui(NavMenu导航的使用)
m0_60687710的博客
08-26 1072
#NavMenu 导航菜单 <el-aside :width="isCollapse ? '64px' : '200px'"> <!-- 控制左侧菜单是否收起的开关 --> <div @click="isClose" class="togger-button">|||</div> <!-- 左侧菜单区域 --> <el-menu background-color="...
Naive UI修改默认样式
weixin_51615179的博客
03-17 3735
因为大创的缘故，需要做出一个网站，在搭建网站的过程中需要使用Naive UI框架，在设置样式的时候一直无法修改默认样式。小白不知道应该如何使用样式穿透，同时和Naive UI相关的博客比较少，导致只能自己一步步摸索，所幸，找到了最后的解决办法。（注意，这个解法可能只适合Naive UI。
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值