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

1.代码如下：

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

第一行代码效果：

第二行太难看，不展示了，有兴趣可以自己看看
第三行代码效果和第一行差不多
第四行代码效果：

弹框头部背景色：
1.亮紫色

 .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: '#333333' }">

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

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:#333333;
		}
		.el-table__cell {
		    border-right: 1px solid #dfe6ec;
		}
	}
}