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

来源：4-7 制作Vue自定义组件

weixin_慕UI2590442

2021-03-22

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

写回答

2回答

甲蛙

2021-03-23

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

//img.mukewang.com/szimg/605943ff09ef024013360194.jpg

效果：两边有白色

//img.mukewang.com/szimg/6059444909115a1720350701.jpg

甲蛙

2021-03-22

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

weixin_慕UI2590442

我试过了，如果是在about.vue 里的style里加。.header{... !important} 没有起作用，只有在TheHeader.vue 里直接在tag 后面加style起作用，但是这样改的话，所有页面的header都会按照这个样式。

2021-03-23

共1条回复

Spring Boot+Vue3前后端分离，实战wiki知识库系统

一课掌握前后端最火框架，更有职场竞争力

2524 学习 · 1671 问题

相似问题

回答 1

回答 1

回答 1

回答 1

回答 1