返回顶部

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>

代码效果

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

 

posted @ 2024-01-26 15:30  九尾cat  阅读(161)  评论(0编辑  收藏  举报