diff --git a/src/components/collapse/index.css b/src/components/collapse/index.css index aa9aa8f..a3c5537 100644 --- a/src/components/collapse/index.css +++ b/src/components/collapse/index.css @@ -19,6 +19,7 @@ background-color: var(--bim-component-bg); padding-left: 12px; padding-right: 0; + border-bottom: 1px solid var(--bim-border-subtle); } .bim-collapse.is-ghost .bim-collapse-header:hover { diff --git a/src/components/collapse/index.ts b/src/components/collapse/index.ts index 568366d..c515aad 100644 --- a/src/components/collapse/index.ts +++ b/src/components/collapse/index.ts @@ -213,13 +213,11 @@ export class BimCollapse implements IBimComponent { public setTheme(theme: ThemeConfig): void { const style = this.element.style; - style.setProperty('--bim-bg-color', theme.bgElevated); - style.setProperty('--bim-border-color', theme.borderDefault); - style.setProperty('--bim-text-color', theme.textPrimary); - style.setProperty('--bim-disabled-color', theme.textDisabled); - style.setProperty('--bim-content-bg-color', theme.bgElevated); - - // 添加标准的 component 变量,供 CSS 使用 + style.setProperty('--bim-bg-elevated', theme.bgElevated); + style.setProperty('--bim-border-default', theme.borderDefault); + style.setProperty('--bim-border-subtle', theme.borderSubtle); + style.setProperty('--bim-text-primary', theme.textPrimary); + style.setProperty('--bim-text-disabled', theme.textDisabled); style.setProperty('--bim-component-bg', theme.componentBg); style.setProperty('--bim-component-bg-hover', theme.componentBgHover); style.setProperty('--bim-component-bg-active', theme.componentBgActive);