跳到主要内容
Tennantite
EN
文档目录

ME 驱动器界面

176×201 ME 驱动器界面:2×5 存储元件槽、优先级标签与玩家背包。

全屏预览预览页不进入搜索引擎索引
ME 驱动器
物品栏

组成

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

代码

import type { ScreenSlot } from "@tennantite/ui";
import { Ae2DriveScreen } from "./index";

const STORAGE_ITEMS: ScreenSlot[] = [
  { count: 1, icon: "emerald", tooltip: "存储元件" },
  { count: 1, icon: "emerald", tooltip: "存储元件" },
  { count: 1, icon: "emerald", tooltip: "存储元件" },
  { count: 1, icon: "emerald", tooltip: "存储元件" },
  { count: 1, icon: "emerald", tooltip: "存储元件" },
  { count: 1, icon: "emerald", tooltip: "存储元件" },
  { count: 1, icon: "emerald", tooltip: "存储元件" },
  { count: 1, icon: "emerald", tooltip: "存储元件" },
  { count: 1, icon: "emerald", tooltip: "存储元件" },
  { count: 1, icon: "emerald", tooltip: "存储元件" },
];

/**
 * Ae2DriveScreen 预览用例:10 个存储元件槽。
 */
export function Ae2DriveScreenDemo() {
  return (
    <Ae2DriveScreen
      items={STORAGE_ITEMS}
      mainItems={[
        { count: 64, icon: "stone-block", tooltip: "石头" },
        { count: 16, icon: "emerald", tooltip: "绿宝石" },
      ]}
    />
  );
}