el-page-header属性修改

悠悠 2023-01-21 06:18 14阅读 0赞

按照官方文档样式，上代码：

<el-page-header @back="goBack" content="详情页面" style="color: white;line-height: 60px;margin-left: 20px;" >
            </el-page-header>

效果：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdzaHVhaW9ubGluZQ_size_16_color_FFFFFF_t_70]  
`这里可以看出来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;
    }

最终效果：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdzaHVhaW9ubGluZQ_size_16_color_FFFFFF_t_70 1]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdzaHVhaW9ubGluZQ_size_16_color_FFFFFF_t_70]: /images/20221020/0161a6bc58384403a7ba5327af2fde0e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdzaHVhaW9ubGluZQ_size_16_color_FFFFFF_t_70 1]: /images/20221020/df0b77faa2ef4611b48901bc00ca97ca.png

发表评论取消回复

表情：

评论列表（有 0 条评论，14人围观）

还没有评论，来说两句吧...

相关阅读

相关操作属性之修改样式属性

操作属性之修改样式属性 <!DOCTYPE html> <html lang="en"> <head> <meta char

ゝ一纸荒年。/ 2023年10月03日 14:27/ 0 赞/ 3 阅读

相关修改xml的属性值

coding=utf-8 import os import os.path import xml.dom.minidom 更改xml文

落日映苍穹つ/ 2023年02月17日 03:18/ 0 赞/ 146 阅读

相关 java反射修改属性值

package com.mtons.mblog; / java反射修改属性值 / import java.lang.reflect

曾经终败给现在/ 2022年12月03日 11:29/ 0 赞/ 202 阅读

相关修改ASM磁盘属性

12c 创建磁盘组后默认属性 $ asmcmd lsattr -lmG redo Group_Name Name V

╰+哭是因爲堅強的太久メ/ 2022年09月12日 15:42/ 0 赞/ 162 阅读

相关反射修改VO属性值

package com.test; import java.lang.reflect.Field; public class Test \{

清疚/ 2022年08月12日 00:14/ 0 赞/ 198 阅读

相关使用 Mockito 修改私有属性

修改私有属性来 Mock 可能不是一种很好的测试方式, 因为属性名是动态的，但有时不得已而为了，例如下面的代码： > public class UserService \{

拼搏现实的明天。/ 2022年06月17日 08:17/ 0 赞/ 1098 阅读

相关 JS直接修改CSS属性/id属性/class属性

> 直接修改CSS属性关键函数： > document.createAttribute(‘style’)：创建属性节点 > obj.setAttributeNode(a

素颜马尾好姑娘i/ 2022年06月09日 09:17/ 0 赞/ 311 阅读

相关 mysql-修改字段属性(8）

modify和change关键字修改属性，使用modify和change关键字都可以修改字段属性，可以字段的数据格式类型，以及约束性条件。但是change和modify也

左手的ㄟ右手/ 2022年05月18日 01:38/ 0 赞/ 406 阅读

相关 jQuery修改class属性

1.addClass() addClass()方法向匹配的元素增加指定的类名(一个或多个) 注意:对于元素来说,class属性可以有多个值.该方法不会移除已经存在的值,而

梦里梦外;/ 2022年05月15日 05:27/ 0 赞/ 241 阅读

相关 webflux session属性修改

修改webflux session属性 springcloud gateway 使用webflux做web框架之后，使用 org.springframew

左手的ㄟ右手/ 2021年12月19日 14:43/ 0 赞/ 604 阅读