返回顶部

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 @   九尾cat  阅读(209)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 没有源码,如何修改代码逻辑?
· PowerShell开发游戏 · 打蜜蜂
· 在鹅厂做java开发是什么体验
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
点击右上角即可分享
微信分享提示

目录导航