From 9effd6fe741ec09c870a6a12aec394a09179c77b Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期二, 07 四月 2026 13:55:08 +0800
Subject: [PATCH] 1.整体样式修改
---
src/components/PIMTable/PIMTable.vue | 23 ++++++++++++++++++++---
1 files changed, 20 insertions(+), 3 deletions(-)
diff --git a/src/components/PIMTable/PIMTable.vue b/src/components/PIMTable/PIMTable.vue
index 8e22459..55f0827 100644
--- a/src/components/PIMTable/PIMTable.vue
+++ b/src/components/PIMTable/PIMTable.vue
@@ -4,7 +4,7 @@
v-loading="tableLoading"
:border="border"
:data="tableData"
- :header-cell-style="{ background: '#F0F1F5', color: '#333333' }"
+ :header-cell-style="mergedHeaderCellStyle"
:height="height"
:highlight-current-row="highlightCurrentRow"
:row-class-name="rowClassName"
@@ -47,7 +47,7 @@
:width="item.width"
>
<template #header="scope">
- <div class="pim-table-header-cell">
+ <div class="pim-table-header-cell" :class="{ 'has-extra': item.headerSlot }">
<div class="pim-table-header-title">
{{ item.label }}
</div>
@@ -226,7 +226,7 @@
<script setup>
import pagination from "./Pagination.vue";
-import { ref, inject, getCurrentInstance } from "vue";
+import { computed, ref, inject, getCurrentInstance } from "vue";
import { ElMessage } from "element-plus";
// 鑾峰彇鍏ㄥ眬鐨� uploadHeader
@@ -333,6 +333,13 @@
default: () => ({ width: "100%" }),
},
});
+
+const mergedHeaderCellStyle = computed(() => ({
+ background: "var(--surface-soft)",
+ color: "var(--text-secondary)",
+ fontWeight: 600,
+ ...props.headerCellStyle,
+}));
// Data
const uploadRefs = ref([]);
@@ -507,6 +514,12 @@
</script>
<style scoped lang="scss">
+.lims-table {
+ border: 1px solid var(--surface-border);
+ border-radius: 18px;
+ background: rgba(255, 255, 255, 0.9);
+}
+
.cell {
white-space: nowrap;
overflow: hidden;
@@ -519,4 +532,8 @@
.pim-table-header-extra :deep(.el-select) {
width: 100%;
}
+
+.pim-table-header-title {
+ font-weight: 600;
+}
</style>
--
Gitblit v1.9.3