文档目录

药水酿造机界面

IF 自动炼药机：6 格酿造输入、烈焰粉 / 水瓶、向下箭头进度与锁定按钮。

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

自动炼药机

组成

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

IF 界面基座 IF 槽位 IF 流体罐 IF 进度条 IF 能量条 IF 图标按钮 IF 升级面板 IF 流体面板玩家物品栏

代码

import { useState } from "react";

import { IF_DEMO_FLUIDS, IF_DEMO_ITEMS } from "../if-demo-data";
import { IfPotionBrewerScreen } from "./index";

export function IfPotionBrewerScreenDemo() {
  const [isLocked, setIsLocked] = useState(false);
  return (
    <IfPotionBrewerScreen
      blazeInput={IF_DEMO_ITEMS.gunpowder}
      bottleInput={IF_DEMO_ITEMS.potion}
      brewingInput={[
        IF_DEMO_ITEMS.wheat,
        IF_DEMO_ITEMS.apple,
        IF_DEMO_ITEMS.emerald,
      ]}
      fuel={0.5}
      isLocked={isLocked}
      onLockChange={setIsLocked}
      output={[IF_DEMO_ITEMS.potion]}
      progress={0.7}
      water={IF_DEMO_FLUIDS.water}
    />
  );
}