修改Umi的菜单宽度

先用网页查看器选中要改的整个菜单
在这里插入图片描述

找到对应的class,我这里是ant-pro-sider-menu-sider
然后再global.less中添加该元素,并编辑我们的width,
在这里插入图片描述

再刷新,发现依然没有改变,是因为内联的权限较高,无法改变

在这里插入图片描述
所以再加上!important
在这里插入图片描述
在保存刷新一下,
菜单就成功改变宽度了。

然后发现菜单缩不回去了,
将min-width改为80px,哈哈哈

更新

最后代码为

.ant-pro-sider-menu-sider{
  min-width: 80px !important;
  max-width: 150px !important;
}

新手小白,如果有帮助到你,能点个赞嘛!!谢谢!!!

Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐