管理台左侧菜单栏显示不全

RuoYi框架：常见问题 | RuoYi 

问题：菜单文字过多导致显示不完整

 

 解决方式：先让文字显示完全，鼠标悬浮菜单上，文字向左移动

 样式路径：mxfpay-ui\src\assets\styles\sidebar.scss

/*注释掉文字超出显示...*/
.el-menu-item, .el-submenu__title {
  // overflow: hidden !important;
  // text-overflow: ellipsis !important;
  // white-space: nowrap !important;
}

/*鼠标悬浮菜单向左移：margin-left: -20px;*/
& .el-submenu .el-menu-item {
    min-width: $base-sidebar-width !important;
    &:hover {
      background-color: rgba(0, 0, 0, 0.06) !important;
      margin-left: -20px;
   }
}

效果图：