晨楠 发表于 2024-5-7 00:45:35

[10.0.2]EL菜单高度和字体大小如何修改

EL菜单在 某些菜单名字过长时，会占用很大空间，菜单字体、高度如何改小一点。
传统菜单可以修改，但是当菜单从表中生成时如何设置操作跳转命令。附上demo

Simon.Sun 发表于 2024-5-7 00:45:36

本帖最后由 Simon.Sun 于 2024-5-7 10:23 编辑

您好，目前 EL 菜单的样式需要使用 CSS 去修改，如果是修改菜单条目的间距和字体大小的话，您可以参考下下面 CSS：


:root {
    --el-menu-sub-item-height: 50px !important;
    --el-menu-item-font-size: 30px !important;
}

晨楠 发表于 2024-5-9 23:36:16

Simon.Sun 发表于 2024-5-7 10:21
您好，目前 EL 菜单的样式需要使用 CSS 去修改，如果是修改菜单条目的间距和字体大小的话，您可以参考下下 ...

传统菜单从表中生成的改如何设置跳转命令呢

Grayson.Shang 发表于 2024-5-10 09:05:43

大佬您好，传统菜单，通过数据源生成菜单项之后，会有一个同一个的设置命令，可以在这里设置，在命令中可以获取到菜单点击项的信息

晨楠 发表于 2024-5-10 23:15:58

Grayson.Shang 发表于 2024-5-10 09:05
大佬您好，传统菜单，通过数据源生成菜单项之后，会有一个同一个的设置命令，可以在这里设置，在命令中可以 ...

有个问题，在这里设置的触发命令后直接点击菜单无法展开下级菜单，必须点击右边的>才能展开。

Grayson.Shang 发表于 2024-5-11 09:42:23

大佬这个菜单确实是这种样式的，这种设置，确实在点击父结点的时候，只会执行命令，不展开节点，咱们若是有点击既要展开又想要执行命令，暂时可以选择EL-导航菜单，也可以在产品需求版块提一个需求贴，在传统菜单上增加这个功能。
页: [1]
查看完整版本: [10.0.2]EL菜单高度和字体大小如何修改