diff --git a/src/views/moneyManage/financialAccount/performanceAttribution.vue b/src/views/moneyManage/financialAccount/performanceAttribution.vue index 1ae65f0..952ce72 100644 --- a/src/views/moneyManage/financialAccount/performanceAttribution.vue +++ b/src/views/moneyManage/financialAccount/performanceAttribution.vue @@ -404,8 +404,10 @@ onMounted(() => { .search-item { display: flex; align-items: center; - + .label { + font-size: 15px; // 参考 coinConsumeDetail 的 .text size="large" + color: #000; // 或 #606266 white-space: nowrap; margin-right: 8px; min-width: 60px; @@ -418,35 +420,42 @@ onMounted(() => { } .search-btn-group { - margin-left: auto; + margin-left: 2vw; display: flex; gap: 10px; } .table-card { + background: #E7F4FD; flex: 1; + border: none; display: flex; flex-direction: column; - overflow: hidden; - border: none; :deep(.el-card__body) { - height: 100%; + padding: 20px; + flex: 1; display: flex; flex-direction: column; - padding: 0; + overflow: hidden; } } .pagination-container { - padding: 15px; + margin-top: 15px; display: flex; - justify-content: flex-end; - background: #fff; - border-top: 1px solid #ebeef5; + justify-content: flex-start; +} + +// 表格样式覆盖 (参考 coinConsumeDetail) +:deep(.el-table__header-wrapper), +:deep(.el-table__body-wrapper), +:deep(.el-table__cell), +:deep(.el-table__body td) { + background-color: #F3FAFE !important; // 如果想完全一致可以加这个,但有时候会影响阅读,暂保留头部颜色 } -.dialog-footer { - text-align: right; +:deep(.el-table__row:hover > .el-table__cell) { + background-color: #E5EBFE !important; }