95 lines
2.0 KiB
CSS
95 lines
2.0 KiB
CSS
.backgroundColor{
|
|
background-color: #fff;
|
|
height: calc(100vh - 80px);
|
|
padding: 10px;
|
|
}
|
|
.bf{
|
|
background-color: #fff;
|
|
}
|
|
.p10{
|
|
padding: 10px;
|
|
}
|
|
.p20{
|
|
padding: 20px;
|
|
}
|
|
.h100{
|
|
height: calc(100vh - 100px);
|
|
}
|
|
.p0{
|
|
padding: 0;
|
|
}
|
|
.flex{
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.ml10{
|
|
margin-left: 10px;
|
|
}
|
|
.mt10{
|
|
margin-top: 10px;
|
|
}
|
|
.mt20{
|
|
margin-top: 20px;
|
|
}
|
|
/* ::v-deep .table-header {
|
|
background: !important;
|
|
color: #ffffff !important;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
} */
|
|
/* 全局表格头部样式 - 蓝色渐变 */
|
|
.el-table .el-table__header th,
|
|
.el-table .el-table__header .el-table__cell {
|
|
background: #409EFF !important;
|
|
color: #ffffff !important;
|
|
font-weight: bold !important;
|
|
text-align: center !important;
|
|
border-bottom: none !important;
|
|
}
|
|
|
|
/* 处理表格边框情况 */
|
|
.el-table--border .el-table__header th,
|
|
.el-table--border .el-table__header .el-table__cell {
|
|
border-right: 1px solid #a0cfff !important;
|
|
}
|
|
|
|
.el-table--border .el-table__header th:last-child,
|
|
.el-table--border .el-table__header .el-table__cell:last-child {
|
|
border-right: none !important;
|
|
}
|
|
|
|
/* 鼠标悬停效果 */
|
|
.el-table .el-table__header th:hover,
|
|
.el-table .el-table__header .el-table__cell:hover {
|
|
background: linear-gradient(135deg, #66b1ff, #409eff) !important;
|
|
}
|
|
|
|
/* 科技蓝紫渐变滚动条 */
|
|
::-webkit-scrollbar {
|
|
width: 10px;
|
|
height: 10px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
background: linear-gradient(180deg, #f8faff 0%, #f0f4ff 100%);
|
|
border-radius: 6px;
|
|
box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.05);
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background: linear-gradient(180deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%);
|
|
border-radius: 6px;
|
|
border: 1.5px solid #f8faff;
|
|
box-shadow: 0 1px 4px rgba(99, 102, 241, 0.25);
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: linear-gradient(180deg, #818cf8 0%, #a78bfa 50%, #c084fc 100%);
|
|
box-shadow: 0 1px 6px rgba(99, 102, 241, 0.35);
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:active {
|
|
background: linear-gradient(180deg, #4f46e5 0%, #7c3aed 50%, #9333ea 100%);
|
|
}
|