element-ui navmenu 高度

Question

在vue-cli下使用element-ui，使用了其中的menu-sider-barhttps://element.eleme.io/#/en-US/component/menu#side-bar但是其中列表的单行高度太高了，不知如何改低。其中的子项可以通过修改el-menu-item的高度实现，但是父项却不知如何修改，`<el-submenu index="1">     <template slot="title">      <span> menu</span>     </template>     <el-menu-item class="sub-menu" index="1-1" >       submenu     </el-menu-item> </el-submenu>`如上，submenu段可通过修改class="sub-menu"的css实现，但是menu段不知如何实现（无法通过修改template的css实现）。经运行，生成的html中会有一段class="el-submenu__title"的div,其css中有height:56px;inline-height:56px;,将其取消之后高度变短，但是这个class仅在运行后才会有，源代码中没有，而且在源码中加入相关css也无作用。不知如何更改其高度

Answer 1

对于修改ElementUI的官方样式，您可以参考下这个问题下我回答的。修改element样式
对于你的问题，个人推荐第四种方式