Skip to content

Background 背景组件 API 文档

本文档由 DeepSeek R1 模型生成并微调。


核心特性

  • 精准定位:像素级坐标控制
  • 静态呈现:无内置动画的稳定背景层

Props 属性说明

属性名类型默认值描述
locElementLocator必填背景定位
colorCanvasStyle"#333"填充颜色(无皮肤时生效)
borderCanvasStyle"#666"边框颜色(无皮肤时生效)

使用示例

纯色模式

tsx
// 自定义颜色背景
<Background
    loc={[20, 20, 760, 560]}
    color="gold"
    border="rgba(255,255,255,0.2)"
/>

对话框组合

tsx
// 对话框容器
<container loc={[200, 100, 400, 300]}>
    <Background loc={[0, 0, 400, 300]} />
    <text loc={[20, 20]} content="系统提示" font={titleFont} />
    <text loc={[30, 60]} content="确认要离开吗?" font={contentFont} />
</container>