element-ui navmenu 高度

Question

在vue-cli下使用element-ui，
使用了其中的menu-sider-bar
https://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样式对于你的问题，个人推荐第四种方式