几种table表格头部样式以及弹框

大家好，欢迎来到IT知识分享网。

1.代码如下：

1. :header-cell-style="{background:'#eef1f6',color:'#515a6e'}" 2. :header-cell-style="{background:'#a4beda',color:'#'}" 3. :header-cell-style="{background:'#f8f8f9',color:'#515a6e'}" 4. :header-cell-style="{ background: '#EEF3FF', color: '#' }" 

 .el-dialog__title{ 
   /*弹框颜色 && 背景色*/ color: #fff; } .el-dialog__header { 
    background-color: #3A68F2; } 

2.纯白色,不用写背景色就行，

2023-11-13
给tl-table全局设置border、盒阴影、thead背景色，
之前给每个table设置一下太麻烦，例：

 <el-table v-loading="loading" :data="shopInfoList" style="width: 100%;box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);" border highlight-current-row tooltip-effect="dark" :header-cell-style="{ background: '#EEF3FF', color: '#' }"> 

现在改为全局设置，代码如下：

table区域 <el-table v-loading="loading" :data="shopInfoList" highlight-current-row tooltip-effect="dark" > 

在styles/index.scss全局样式中设置如下代码

//main-container全局样式 .app-container { 
    padding: 20px; // 全局table样式 .el-table{ 
    //最外层边框，和阴影 width: 100%; border: 1px solid #dfe6ec; box-shadow:rgba(0, 0, 0, 0.1) 0px 2px 12px 0px; //thead背景色 th.is-leaf{ 
    background: #EEF3FF; color:#; } .el-table__cell { 
    border-right: 1px solid #dfe6ec; } } }