按照上面组件描述,我不想使用background-color属性设置背景颜色(已被废弃),那--bg-color方式怎么用呢? 我用<el-menu style="--bg-color:red" >...</el_menu>也没有效果啊! 那位大神给个提示,不知道哪里出错了! 2 Answered by songxh2 Sep 25, 2022 结果使用<el-menu style="--el-menu-bg-color...
你代码里面的背景色可以删除了,用el-menu自带的属性即可。参考如下: https://element.faas.ele.me/#/zh-CN/component/menu <el-menu default-active="2" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose" background-color="#545c64" text-color="#fff" active-text-color="#ff...
导航菜单默认为垂直模式,通过将 mode 属性设置为 horizontal 来使导航菜单变更为水平模式。 另外,在菜单中通过 sub-menu 组件可以生成二级菜单。 Menu 还提供了background-color、text-color和active-text-color,分别用于设置菜单的背景色、菜单的文字颜色和当前激活菜单的文字颜色。
UE+ElementUI更改导航菜单选中背景颜色 主要是设置 .el-menu-item.is-active 选择器的样式属性 官方文档中提供background-color、text-color、active-text-color三种属性 仅提供了激活菜单文字颜色,并没有提供激活菜单的其他参数 <el-menudefault-active="0"class="el-menu-vertical-demo"@open="handleOpen"@close...
</el-menu> 这里面主要是 :default-active="active" 这句话非常重要 active :route="`/${items.menuUrl}`" 需要跟active里的值相等 例如:http://localhost:8081/inquiryDisposal **active = inquiryDisposal** **route = “inquiryDisposal”**
<!--background-color="#333744" 导航栏背景颜色 text-color="#fff" 一级菜单字体的颜色 active-text-color="#ffd04b" 点击二级菜单之后显示的字体颜色--> <el-menu background-color="#333744" text-color="#fff" active-text-color="#409BFF"> ...
Vue3 element plus 皮肤 一个vue.js的项目,另一个人想要买过去,但是需要换一下风格。 一、需求 换的东西不多,主要包括: 1、主色调:原来是紫色,需要换成浅蓝色 2、logo、一些背景色 3、一些操作按钮的颜色 4、一些menu和小图片 二、分析 1、后台逻辑和javascript逻辑上均没有改动,都是html、css层面的东西...
创建elementplus.css 在其中添加如下内容 :root { --el-menu-active-color: orange; } 指定为橘色 3.指定文档中未说明的颜色 虽然可以通过“--el-menu-active-color”指定活动菜单的颜色,但是文档并没有说如何指定鼠标在菜单上是的颜色如何指定,所以虽然指定了--el-menu-active-color”,但是鼠标悬浮菜单上时,...
1. 引入组件:首先需要在项目中引入 Menu 组件,可以通过 npm 或 yarn 安装 Element-Plus 包,然后在项目中引入 Menu 组件。 2. 组件使用:在需要使用菜单的地方,通过在模板中添加 `<el-menu>` 标签来创建菜单。可以设置 `name` 属性来指定菜单的名称,并使用 `slot` 来定义菜单项。 示例: ```html <el-menu...