use element-ui, under vue-cli
use menu-sider-bar
https://element.eleme.io/-sharp/en-US/component/menu-sharpside-bar
but the single line height of the list is too high, I don"t know how to lower it. The child items in
can be realized by changing the height of el-menu-item , but the parent item does not know how to modify it.
`
<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> `
as above, the submenu segment can be implemented by modifying the css of class= "sub-menu", but the menu segment does not know how to do it (it cannot be implemented by modifying the css of template).
after running, the div, of class= "el-submenu__title" in the generated html has height:56px;inline-height:56px; in its css, and the height becomes shorter after canceling it, but this class will only be available after running, it is not available in the source code, and it is useless to add the relevant css to the source code.
I don"t know how to change its height
