文档目录
染料混合器界面
IF 颜料调色器:红 / 绿 / 蓝输入与三条竖向进度、染料切换按钮。
颜料调色器
import { IF_DEMO_ITEMS } from "../if-demo-data";
import { IfDyeMixerScreen } from "./index";
export function IfDyeMixerScreenDemo() {
return (
<IfDyeMixerScreen
blue={{ level: 0.3, slot: IF_DEMO_ITEMS.potion }}
dyeIndex={12}
energy={{ max: 1000, value: 520 }}
green={{ level: 0.6, slot: IF_DEMO_ITEMS.emerald }}
output={IF_DEMO_ITEMS.diamond}
progress={0.5}
red={{ level: 0.9, slot: IF_DEMO_ITEMS.apple }}
/>
);
}
安装
$pnpm add @tennantite/industrialforegoingnpm 方式安装编译产物;需要改造源码请用上方的 CLI 拷贝安装。
源码
packages/industrialforegoing/src/if-dye-mixer-screen/index.tsxnpm 包保留源码目录,可直接复制改造。