Skip to content

全局样式

全局样式使用 globalStyle() 注入。

ts
import { globalStyle } from "@elfui/core";

globalStyle(
  `
  :root {
    --elf-color-primary: #14d8a6;
  }
`,
  { id: "app-theme" },
);

传入稳定 id 时,后续同 id 调用会覆盖旧样式。

清理

ts
const dispose = globalStyle(`body { margin: 0; }`);

dispose();

测试或热更新场景可以使用:

ts
import { resetGlobalStyles } from "@elfui/core";

resetGlobalStyles();

TIP

全局样式适合放 token、reset 和应用级主题,不建议写组件内部细节。