按照官方文档样式,上代码:

<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;
}

最终效果:
在这里插入图片描述

Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐