fix: 安装费小卡片统一使用金黄色强调 #628

Merged
qiuxiang merged 1 commits from fix/qiuxiang-installation-fee-card-gold-accent into main 2026-10-26 18:42:16 +08:00
2 changed files with 13 additions and 6 deletions

View File

@ -4,6 +4,9 @@
}
.installation-fee-card {
--installation-fee-accent: #856632;
--installation-fee-accent-soft: #f7f0de;
--installation-fee-accent-ring: rgba(133, 102, 50, 0.2);
position: relative;
display: flex;
width: 100%;
@ -13,7 +16,8 @@
box-sizing: border-box;
padding: 0.7rem 1rem 0 1.15rem;
border: 1px solid #d8d2c7;
border-left: 3px solid #006395;
border-right: 3px solid var(--installation-fee-accent);
border-left: 3px solid var(--installation-fee-accent);
border-radius: 0.75rem;
background: #ffffff;
color: #171717;
@ -150,7 +154,7 @@
border: 0;
border-radius: 0.3rem;
background: transparent;
color: #006395;
color: var(--installation-fee-accent);
cursor: pointer;
font: inherit;
font-size: 0.75rem;
@ -159,12 +163,12 @@
}
.installation-fee-card__detail-button:hover {
background: #eef6fa;
background: var(--installation-fee-accent-soft);
}
.installation-fee-card__detail-button:focus-visible {
background: #eef6fa;
box-shadow: 0 0 0 3px rgba(0, 99, 149, 0.16);
background: var(--installation-fee-accent-soft);
box-shadow: 0 0 0 3px var(--installation-fee-accent-ring);
outline: none;
}

View File

@ -288,7 +288,10 @@ class ManagementCrudTest extends FeatureTestCase
->assertSee('data-installation-fee-trend', false)
->assertSee('data-installation-fee-package', false)
->assertSee('data-installation-fee-non-package', false)
->assertSee('border-left: 3px solid #006395', false)
->assertSee('--installation-fee-accent: #856632', false)
->assertSee('border-left: 3px solid var(--installation-fee-accent)', false)
->assertSee('border-right: 3px solid var(--installation-fee-accent)', false)
->assertSee('color: var(--installation-fee-accent)', false)
->assertSee('height: 8rem', false)
->assertSee('font-size: 2.5rem', false)
->assertSee('font-family: "JetBrains Mono", "Microsoft YaHei", "PingFang SC", monospace', false)