样式

src/views/moneyManage/financialAccount/performanceAttribution.vue

@@ -406,6 +406,8 @@ onMounted(() => {
   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;
 }
 
-.dialog-footer {
-  text-align: right;
+// 表格样式覆盖 (参考 coinConsumeDetail)
+:deep(.el-table__header-wrapper),
+:deep(.el-table__body-wrapper),
+:deep(.el-table__cell),
+:deep(.el-table__body td) {
+  background-color: #F3FAFE !important; // 如果想完全一致可以加这个，但有时候会影响阅读，暂保留头部颜色
+}
+
+:deep(.el-table__row:hover > .el-table__cell) {
+  background-color: #E5EBFE !important;
 }
 </style>