修改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 }}

你可能感兴趣的:(Vue,vue.js,javascript,前端)