文档目录
酿造台界面
燃料 / 原料 / 3 瓶位 + 气泡与箭头裁剪进度。
酿造台
import { BrewingStandScreen } from "./index";
interface BrewingStandScreenDemoProps {
brewProgress?: number;
fuelProgress?: number;
}
/**
* BrewingStandScreen 预览用例(规格 §6.2)
*/
export function BrewingStandScreenDemo({ brewProgress = 0.6, fuelProgress = 0 }: BrewingStandScreenDemoProps = {}) {
return (
<BrewingStandScreen
blazeFuel={{ count: 20, icon: "blaze-powder", tooltip: "烈焰粉" }}
bottles={[{ icon: "potion", tooltip: "水瓶" }, null, { icon: "potion", tooltip: "水瓶" }]}
brewProgress={brewProgress}
fuelProgress={fuelProgress}
ingredient={{ icon: "nether-wart", tooltip: "地狱疣" }}
title="酿造台"
/>
);
}
安装
CLI 拷贝
$npx shadcn add @tennantite/brewing-stand-screennpm 直装
$pnpm add @tennantite/uinpm 方式安装编译产物;需要改造源码请用上方的 CLI 拷贝安装。
源码
packages/ui/src/screens/containers/brewing-stand-screen/index.tsxnpm 包保留源码目录,可直接复制改造。