w2331175 发表于 2024-3-15 11:37:34

活字格UI框架1.0的默认菜单导航修改格式

本帖最后由 w2331175 于 2024-3-18 10:20 编辑

这个活字格UI框架1.0的默认菜单导航,格式是否可以修改,例如字符,行间距等。如何修改。谢谢!!

ShiG 发表于 2024-3-15 11:37:35

试试这个?

.el-menu-item {
    display: flex;
    align-items: center;
    height: var(--el-menu-item-height);
    line-height: var(--el-menu-item-height);
    color: var(--el-menu-text-color);
    padding: 0 var(--el-menu-base-level-padding);
    list-style: none;
    cursor: pointer;
    position: relative;
    transition: border-color var(--el-transition-duration), background-color var(--el-transition-duration), color var(--el-transition-duration);
    box-sizing: border-box;
    /* white-space: nowrap; */
    font-size: 20px;
}

:root{
      --el-menu-item-height: 56px;
}




ShiG 发表于 2024-3-15 13:46:13

可以修改不过需要用到css

Nathan.guo 发表于 2024-3-15 17:48:14

楼上大佬正解哈,大佬可以参考下~~
{:5_117:}

w2331175 发表于 2024-3-18 09:28:37

ShiG 发表于 2024-3-15 14:21
试试这个?

.el-menu-item {


非常感谢!我再问一下,这段代码应该如何写入,谢谢!!

ShiG 发表于 2024-3-18 09:36:41

w2331175 发表于 2024-3-18 09:28
非常感谢!我再问一下,这段代码应该如何写入,谢谢!!


把那段css放进去就好了 然后大小你自己看着改



w2331175 发表于 2024-3-18 09:48:54

ShiG 发表于 2024-3-18 09:36
把那段css放进去就好了 然后大小你自己看着改

非常感谢!

Nathan.guo 发表于 2024-3-18 16:42:09

{:5_110:}
页: [1]
查看完整版本: 活字格UI框架1.0的默认菜单导航修改格式