文档目录
织布机界面
176×166 织布机界面,旗帜/染料/图案与结果槽。
织布机
import { LoomScreen } from "./index";
/**
* LoomScreen 预览用例(规格 §6.2):原版无 16×16 旗帜物品贴图,
* 旗帜/产物槽留空以免展示石头旗帜;只保留染料与图案选择。
*/
export function LoomScreenDemo() {
return (
<LoomScreen
dye={{ count: 1, icon: "blue-dye", tooltip: "蓝色染料" }}
title="织布机"
/>
);
}
安装
CLI 拷贝
$npx shadcn add @tennantite/loom-screennpm 直装
$pnpm add @tennantite/uinpm 方式安装编译产物;需要改造源码请用上方的 CLI 拷贝安装。
源码
packages/ui/src/screens/containers/loom-screen/index.tsxnpm 包保留源码目录,可直接复制改造。