.el-menu{height:100%;border:none; }.el-main{height:calc(100vh - 56px);background:var(--el-color-info-light-9);padding:20px; }.classic-content{display:flex;height:calc(100vh - 56px); :deep(.el-aside) { // width: auto;.aside-box { display:flex;flex-direction:column;height:100...
对于菜单背景色,通常会有一个类名如.el-menu、.el-menu--dark(针对深色主题)或者与具体状态(如hover、active)相关的类名。 2. 在项目中查找对应的样式文件或样式代码块 根据您的项目结构,您可能需要在全局样式文件(如App.vue、main.js或main.ts中引入的CSS/SCSS文件)中覆盖Element Plus的默认样式,或者在组件...
el-submenu:可展开的菜单,常用属性如下。 index:菜单下标,文本类型,不能是数值类型。 template:可展开的菜单名,每一个 el-submenu 都需要搭配一个 template,常用属性如下。 slot="title" 设置样式。 i:菜单图片,通过 class 设置样式,常用样式如下。 el-menu-item:不可展开的菜单,叶子结点,常用属性如下。 index:...
包括自定义标签的其他属性,最后大部分都转换成了class的值(例如el-menu的mode属性如果是horizontal,那么最后会转换成class中的一个值“el-menu–horizontal”,而菜单中的slot属性title会转换为“.el-submenu__title”,bootstrap就很直接,直接设置原生html标签的类属性),所以修改样式时...
<template> <el-input v-model="inputValue" placeholder="请输入内容"></el-input> </template> <script> export default { data() { return { inputValue: '' }; } } </script> 路由组件(Router) 路由组件的使用示例 使用Element-Plus 的路由组件可以实现页面的导航和切换。 <template> <el-menu :...
.menu-left:deep(.el-menu-item), .menu-left:deep(.el-sub-menu__title) { height:36px; margin-bottom:4px; border-radius:4px; color:var(--text-main-color)!important; } .menu-left:deep(.el-menu-item:hover .icon), .menu-left:deep(.el-menu-item.is-active .icon) { ...
试着给el-menu加了key,没有重新渲染。 想了想,有没有可能是菜单引用地址变了,所以不会重新渲染(没有看element-plus的源代码,不知道怎么实现的)? 于是,点击2进行切换的时候直接修改的子项url,没有调用getMenus这个方法。试下: menus[0].url = '/a/' + b + '/xxxx' ...
因为项目中用到el-table的时候,需要将el-table表格的样式进行修改,将整个表格的背景颜色从白色变成透明,使得表格变得透明之后,展示颜色是对应父div的背景颜色,这个在可视化大屏的时候或许会经常用到。修改表格悬浮时的颜色,修改表格点击行高亮的颜色样式。在这里记录一下,方便后面直接使用到。这里记录一下,方便下次直接...
Element Plus Playground Steps to reproduce -- 创建任意一个 el-menu -- :router="true" -- mode="horizental" -- menuList 必须最少包含一个没有children的路由和一个有children的路由 -- for循环创建 menu 列表 -- 点击 menu-item -- 点击 submenu 弹出的 menu-item ...
:root { --el-menu-hover-bg-color: #000; --el-menu-active-color: #fff; --el-menu-text-color: #fff; --el-menu-bg-color: pink; } 1 0 replies xpbsm Jun 11, 2024 css 变量名有作用域,找到任意父元素,覆盖你需要修改的变量 & { --el-menu-text-color: #d7bbbb; --el-menu-hov...