首页 > 其他分享 >el-menu 点击有子元素的菜单项字体变色

el-menu 点击有子元素的菜单项字体变色

时间:2024-03-15 15:23:52浏览次数:24  
标签:el color menu 元素 点击 有子

效果图:

 

el-menu组件只是在点击跟元素时,根元素变色,如图:

.el-menu-item.is-active {
  background-color: rgb(56, 96, 226) !important;
  color: white;
}

 点击有子元素的菜单时不会变色,下面可以实现:

(点击有子元素菜单时,会有一个class属性is-opened,所以给其编辑样式即可)

.is-opened >.el-sub-menu__title span{
  /* background-color: rgb(56, 96, 226) !important;
  color: white; */
  color:rgb(56, 96, 226);
}

 

标签:el,color,menu,元素,点击,有子
From: https://www.cnblogs.com/ZhuMeng-Chao/p/18075472

相关文章

  • ELK日志处理部署笔记-2
    logstash概述什么是logstash-是一个数据采集、加工处理以及传输的工具特点-所有类型的数据集中处理-不同模式和格式数据的正常化-自定义日志格式的迅速扩展-为自定义数据源轻松添加插件为什么使用logstash将日志转化为json使elasticasearch可读下载#logstash的配置文件......
  • Qt opengl和qlabel的update同时更新,内存泄漏问题
    工作要做一个类似播放器的软件,但是需要自己解码,然后可能多张图像合成再显示,所以不能直接用QT播放视频的模块,就用了QOpenGLWidget来渲染。后面发现内存一直在涨,一直以为是自己的原因,因为解码分配的内存挺多的,折腾了快一个月了,后面发现是update频繁更新导致;如下代码,XVideoWidget继......
  • LoRA及其变体概述:LoRA, DoRA, AdaLoRA, Delta-LoRA
    LoRA可以说是针对特定任务高效训练大型语言模型的重大突破。它被广泛应用于许多应用中。在本文中,我们将解释LoRA本身的基本概念,然后介绍一些以不同的方式改进LoRA的功能的变体,包括LoRA+、VeRA、LoRA-fa、LoRA-drop、AdaLoRA、DoRA和Delta-LoRA。Lora低秩自适应(Low-Rankadapt......
  • 常用Shell脚本 - 开发环境安装
    功能描述在AmazonLinux上快速安装开发环境,包括Python3.11.8,Nodejs,npm,yarn,GO工具。#!/bin/bash#@Author:LanShiyun#@CreateTime:2024/3/15#@FileName:install_development_env.sh#@Version:1.0#@Software:VSCode#@UpdateTime:2024/3/15#......
  • 常用Shell脚本 - Docker and Docker-compose 安装
    功能描述在AmazonLinux上自动安装DockerandDocker-compose#!/bin/bash#@Author:LanShiyun#@CreateTime:2024/3/15#@FileName:install_docker_4_aws_.sh#@Version:1.0#@Software:VSCode#@UpdateTime:2024/3/15#@UpdateBy:LanShiyun#@Des......
  • vue3 批量导入excel表
    安装xlxs插件npminstallxlsx//安装import*asXLSXfrom"xlsx";//引入 批量导入里面引用了element-plus的loading和弹窗,不需要的可以去掉letexcelloading;constimportExcel=(e)=>{//导入excelvarfile=e.target.files[0];if(......
  • 【已解决】Mybatis-plus中@TableLogic注解失效问题
    逻辑删除逻辑删除是指通过修改数据的状态或添加额外字段来表示数据的删除状态,而不是直接从数据库中物理删除数据记录。通常,会在数据库表中新增一个字段(如deleted),用来标识数据是否被删除。MyBatisPlus中实现逻辑删除在使用MyBatisPlus进行数据库操作时,实现逻辑删除......
  • Powershell免杀系列(二)
    powershell的免杀⽅法有很多,对代码进⾏编码是最常⻅的⼀种,这⾥介绍⼀个专⻔⽤来对powershell进⾏编码免杀的框架Invoke-Obfuscation,这也是著名的APT32组织海莲花常⽤的⼀个⼯具。该工具可以对powershell代码进行ASCII/hex/octal/binary/SecureString进行加密混淆。执行如下命......
  • mybatis :sqlmapconfig.xml配置 ++++Mapper XML 文件(sql、insert、update、delete)
    sqlmapconfig.xml配置MyBatis的配置文件包含了会深深影响MyBatis行为的设置(settings)和属性(properties)信息。文档的顶层结构如下:configuration配置properties属性settings设置typeAliases类型别名typeHandlers类型处理器objectFactory对象工厂plugins插件environ......
  • Prometheus reload配置
    近期在对Prometheus进行线上环境配置时,领导说最好不要重启,因为会中断数据。如果不能restart只能找办法进行reload,经过查询发现有以下两种方式可以进行reload配置。方式一:ExecReload=/bin/kill-HUP$MAINPIDroot@grafana:~#cat/etc/systemd/system/prometheus.service;[......