CoreNext主题顶部导航样式不一致修复
本站今天启用了新的主题,CoreNext。主要是冲着主题精简和性能强大去的。不过刚换上LOGO后,就发现了一个严重的问题。就是顶部菜单栏,文章内页和首页的样式有些微的差别。首页的高度要低一些。效果就是下面动图这样。在切换页面的时候很难受,有种撕裂感。。你们懂这种感觉么?
于是上主题QQ群求助,结果还被群友给教育了。。
求人不如求己,在反复调试后,我居然给修好了。。我简直是个天才!修复方法如下,在主题后台自定义代码中,加入下面的css代码即可。或者写到CSS文件里。
.header-menu-warp{ padding-top: 12px; min-height: 58px; } .menu-has-title-warp .vue-header-menu { padding-top: 0; min-height: 0; } .menu-has-title-warp{ min-height: 58px; }
引起这个问题是因为文章页面顶部有个动态显示标题的功能,下拉页面,顶部菜单栏变成文章标题。这样一静一动,扭来扭去,一来一回,就把样式给影响了。这个修复方法在Chrome\Safari\Edge\Firefox下面均测试通过。希望作者在下个版本中修复这个问题。
修复后的效果:
版权声明:
作者:黄黄黄老师
链接:https://www.fwq.org/46.html
文章版权归作者所有,未经允许请勿转载。
THE END