diff --git a/public/css/admin-components.css b/public/css/admin-components.css index 97ccdd2..e70a555 100644 --- a/public/css/admin-components.css +++ b/public/css/admin-components.css @@ -163,6 +163,14 @@ padding:12px 12px; } +.list-card-table thead th{ + background:var(--adm-table-header-bg, #fafafa); +} + +.list-card-table tbody tr:hover td{ + background:var(--adm-table-row-hover-bg, rgba(22, 119, 255, .04)); +} + /* 可复用:PageHeader(参考 Ant Design Pro:标题区 + 描述 + 右侧操作区) */ .page-header{ width:100%; diff --git a/public/css/admin-theme.css b/public/css/admin-theme.css index 2041ecb..692f40e 100644 --- a/public/css/admin-theme.css +++ b/public/css/admin-theme.css @@ -40,6 +40,10 @@ --adm-input-border-hover: #a3aab6; --adm-input-text: #0f172a; + /* 表格(接近 Ant Design 表头/hover) */ + --adm-table-header-bg: #fafafa; + --adm-table-row-hover-bg: rgba(22, 119, 255, .04); + /* 状态色(接近 Ant Design) */ --adm-success: #16a34a; --adm-warning: #f59e0b; diff --git a/tests/Feature/AdminComponentsCssListCardTableShouldUseThemeTableTokensTest.php b/tests/Feature/AdminComponentsCssListCardTableShouldUseThemeTableTokensTest.php new file mode 100644 index 0000000..ffa13df --- /dev/null +++ b/tests/Feature/AdminComponentsCssListCardTableShouldUseThemeTableTokensTest.php @@ -0,0 +1,36 @@ +seed(); + + $this->post('/admin/login', [ + 'email' => 'platform.admin@demo.local', + 'password' => 'Platform@123456', + ])->assertRedirect('/admin'); + } + + public function test_admin_components_css_list_card_table_should_use_theme_table_tokens(): void + { + $this->loginAsPlatformAdmin(); + + $css = file_get_contents(public_path('css/admin-components.css')); + $this->assertIsString($css); + + // 表头背景与 hover 背景必须走主题 token,便于统一风格与后续换肤。 + $this->assertStringContainsString('.list-card-table thead th{', $css); + $this->assertStringContainsString('background:var(--adm-table-header-bg, #fafafa)', $css); + + $this->assertStringContainsString('.list-card-table tbody tr:hover td{', $css); + $this->assertStringContainsString('background:var(--adm-table-row-hover-bg, rgba(22, 119, 255, .04))', $css); + } +}