For AI agents: the complete documentation index is available at https://rspress.rs/zh/llms.txt, the full documentation bundle is available at https://rspress.rs/zh/llms-full.txt, and this page is available as Markdown at https://rspress.rs/zh/ui/layout-components/home-background.md.
close
Rspress
  • 中文

      • HomeBackground

      Warning

      该组件主要配合 自定义主题 中的 wrap/eject 使用 ，与 MDX 里直接导入使用的组件不同，你可以通过传递组件 props 或直接覆盖该组件达到修改样式和功能的目的。如果通过 eject 覆盖整个组件，需注意组件对应配置项的读取会失效，需要自行控制。

      该组件是 首页 的一部分，HomeBackground 用于在首页渲染背景效果，同时会自动将导航栏设置为透明样式。

      用法

      通过 自定义主题 来进行修改或覆盖。

      import { HomeBackground as BasicHomeBackground } from '@rspress/core/theme-original';

export function HomeBackground() {
  return <BasicHomeBackground className="my-custom-bg" />;
}