文档目录

村民交易界面

276×166 面板 + 98×116 交易列表 + 价签槽。

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

交易

农民 - 新手

物品栏

组成

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

界面基座玩家物品栏物品格物品堆叠滚动区域

代码

import { TradingScreen } from "./index";

/**
 * TradingScreen 预览用例（规格 §6.2）
*/
export function TradingScreenDemo() {
  return (
    <TradingScreen
      hotbarItems={[{ count: 64, icon: "dirt-block" }]}
      title="农民 - 新手"
      trades={[
        {
          inputA: { count: 20, icon: "wheat", tooltip: "小麦 ×20" },
          output: { icon: "emerald", tooltip: "绿宝石" },
        },
        {
          inputA: { count: 1, icon: "emerald", tooltip: "绿宝石" },
          output: { count: 6, icon: "bread", tooltip: "面包 ×6" },
        },
      ]}
    />
  );
}