在使用NavMenu 的时候,高度比较高不合适

解决方案

穿透设置CSS,高度设置成需要的高度即可

::v-deep .el-menu-item {height: 45px;line-height: 45px;
}
::v-deep .el-submenu__title{height: 45px;line-height: 45px;
}

ElementUI：vue中使用elementUI时候通过SCSS修改NavMenu 导航栏高度相关推荐

前端学习（2487）：在VUE中使用element-ui的el-select组件时出现该报错
一. 报错场景在VUE中使用element-ui的el-select组件时出现该报错 [Vue warn]: Missing required prop: "value" 1 二 ...
在vue中使用element-ui二次封装面包屑导条
在vue中使用element-ui二次封装面包屑导条由于这几天写了一个后台管理系统,多次使用的到了面包屑导航,所以我就把它封装起来使用了: 效果图第一步安装element-ui npm i el ...
vue中使用element-ui 图标和阿里字体图标结合使用
vue中使用element-ui 图标和阿里字体图标结合使用 1 登录阿里字体图标官网 2 图标管理 --> 我的项目 --> 创建一个项目 3 开始搜有想要的图标添加到我的项目中 4 ...
如何在vue中使用element-ui
vue导入Element-ui框架 1.安装命令: npm install element-ui --save 出现上图说明安装成功 2.在main.js中引入js和css import Elemen ...
vue 中使用element-ui的menu选中项高亮的问题
在使用element中的menu组件时,根据官方文档,可以设置给el-menu设置router属性为:true,给el-menu-item设置index的值为路径,就可以实现点击导航跳转到指定路由. ...
vue中将md转成html,Vue/Vue中Html和Markdown互相转换/README.md · 倚栏听风/LearningNotes - Gitee.com...
# Vue中Html和Markdown互相转换 ## 前言最近想实现的一个功能,就是将系统中的博客进行导出成Markdown格式,后面经过了调研发现有两种方法能够满足需求,一个是Java后台中将HT ...
解决ant design vue中的modal弹框样式修改无效问题修改modal样式无效
ant design vue中的modal弹框修改样式无效问题 ant中的弹框样式是修改不了的原因在于弹框modal被挂载在最大的元素div外面了所以需要将挂载在某个html元素上在modal外 ...
Vue + Spring Boot 项目实战（八）：导航栏与图书页面设计
文章目录前言一.导航栏的实现 1.路由配置 2.使用 NavMenu 组件二.图书管理页面 2.1. LibraryIndex.vue 2.SideMenu.vue 3.Books.vue 前言 ...
vue实现仿DJI大疆官网顶部导航栏组件
页面进入时,导航栏背景色为透明: 鼠标移入时,导航栏背景变白,鼠标停留的标签字体颜色变换,出现底边框,若有二级下拉菜单,则平滑向下弹出菜单: gitee仓库地址:https://gitee.com/Y ...
Vue + Spring Boot 项目实战（七）：导航栏与图书页面设计
本篇目录前言一.导航栏的实现 1.路由配置 2.使用 NavMenu 组件二.图书管理页面 1.LibraryIndex.vue 2.SideMenu.vue 3.Books.vue 前言之前 ...

ElementUI：vue中使用elementUI时候通过SCSS修改NavMenu 导航栏高度

在使用NavMenu 的时候,高度比较高不合适

解决方案

ElementUI：vue中使用elementUI时候通过SCSS修改NavMenu 导航栏高度相关推荐

最新文章

热门文章