el-page-header属性修改
按照官方文档样式,上代码:<el-page-header@back="goBack"content="详情页面"style="color: white;line-height: 60px;margin-left: 20px;"></el-page-header>效果:这里可以看出来content无法解决,找遍了官方文档和百度搜索,没有发现如何设置。最终在github上边看
文章共632字 · 阅读需要大约3分钟
一键AI生成摘要,助你高效阅读
问答
·
按照官方文档样式,上代码:
<el-page-header
@back="goBack"
content="详情页面"
style="color: white;line-height: 60px;margin-left: 20px;"
>
</el-page-header>
效果:
这里可以看出来content无法设置属性,找遍了官方文档和百度搜索,也无法解决!
最终在github上边看别人的源码找到解决办法:
<el-container class="login">
<el-header>
<div style="width:100%;height:60px;background-color:#303133;
position: fixed !important;top: 0px;left: 0px;">
<el-page-header
@back="goBack"
content="详情页面"
>
</el-page-header>
</div>
</el-header>
</el-container>
.login .el-page-header {
color: white;
line-height: 60px;
margin-left: 20px;
}
.login .el-page-header__content {
color: white;
}
最终效果:
更多推荐
已为社区贡献1条内容
所有评论(0)