vue3 解决导航栏和header之间的空白

vue3 解决导航栏和header之间的空白

现象

如下图所示，导航栏和header之间有白色空隙

 解决

components\CommonAside.vue 修改样式，添加如下代码

</style>
  .el-menu {
    height: 100vh;
    border-right: none;
    h3 {
      color: #fff;
      text-align: center;
      line-height: 48px;
    }
  }
</style>

代码效果

修改完成保存，解决白色空隙问题