修改el-card的header的背景颜色

修改el-card的header的背景颜色

1.修改默认样式

好处是当前页面的所有的el-card都会变化

页面卡片： 

 
    

      卡片名称
      操作按钮
    
    

      {{'列表内容 ' + o }}
    
  

 页面css：

.box-card .el-card__header {
  background-color: #409EFF;
  color: #fff;
}

2.采用自定义的方式

对body和整个card设置不同的样式就能达到相同的效果。

下面是参考代码

  
    

      卡片名称
      操作按钮
    
    

      {{'列表内容 ' + o }}