想请问如何在不同界面自定义 Header Style

Question

想问下如何在不同界面 定义不同的Header， 比如我想在关于我们界面 里面自定义一个不同css 样式的Header 但是在这个项目前端里是直接用TheHeader router-view 继承的。我尝试过在style里覆盖header的属性但是并没有成功。

Answer 1

甲蛙 2021-03-23 09:29:01

可以的，如下，加个样式，注意style里不要加scoped

效果：两边有白色

Answer 2

甲蛙 2021-03-22 21:18:02

加css应该是可以的，试试在css样式里加个!important，提高样式的优先级看看

• 提问者 weixin_慕UI2590442 #1

  我试过了，如果是在about.vue 里的style里加 。.header{... !important}
  没有起作用， 只有在TheHeader.vue 里 直接在tag 后面加style起作用，但是这样改的话，所有页面的header都会按照这个样式。
    <a-layout-header class="header" style="padding-left: 300px">