文档目录

信标界面

230×219 信标面板 + 5 主 / 1 辅助效果按钮 + 支付材料行 + 支付槽 + 完成 / 取消。

全屏预览预览页不进入搜索引擎索引

主效果辅助效果

组成

这些是可直接组合的组件；Block 只是把它们按原版坐标放在一起。

代码

import { BeaconScreen } from "./index";

/**
 * BeaconScreen 预览用例（规格 §6.2）：原版 5 主效果 + 辅助效果（生命恢复）。
*/
export function BeaconScreenDemo() {
  return (
    <BeaconScreen
      payment={{ count: 1, icon: "diamond", tooltip: "钻石" }}
      primaryOptions={[
        { icon: "effect-speed", id: "speed", label: "速度" },
        { icon: "effect-haste", id: "haste", label: "急迫" },
        { icon: "effect-resistance", id: "resistance", label: "抗性提升" },
        { icon: "effect-jump boost", id: "jump_boost", label: "跳跃提升" },
        { icon: "effect-strength", id: "strength", label: "力量" },
      ]}
      secondaryOptions={[
        { icon: "effect-regeneration", id: "regeneration", label: "生命恢复" },
      ]}
    />
  );
}