Element中侧边栏展开收缩问题

  后台管理项目中使用Element中的侧边栏，在实现展开和收缩功能时，发现实际效果和官方演示效果不太一样,如图所示：

动画效果本应该直接由左图过渡到中间图，然而实际效果为左图过渡到右图再过渡到中间图，很明显有问题,后在网上帖子中发现官方文档中还有一段样式被我忽视了：

.el-menu-vertical-demo:not(.el-menu--collapse) {
  width: 200px;
  min-height: 400px;
}
复制代码

加上这段样式后问题解决~~~