文档目录
附魔台界面
物品 + 青金石 + 3 个 108×19 选项按钮。
附魔
import { EnchantingScreen } from "./index";
/**
* EnchantingScreen 预览用例(规格 §6.2)
*/
export function EnchantingScreenDemo() {
return (
<EnchantingScreen
availableLevel={30}
item={{ icon: "sword", tooltip: "铁剑" }}
lapis={{ count: 16, icon: "lapis-lazuli", tooltip: "青金石" }}
options={[
{ lapisCost: 1, level: 1, xpCost: 2 },
{ label: "锋利 III", lapisCost: 2, level: 2, xpCost: 11 },
{ label: "锋利 IV", lapisCost: 3, level: 3, xpCost: 30 },
]}
title="附魔"
/>
);
}
安装
CLI 拷贝
$npx shadcn add @tennantite/enchanting-screennpm 直装
$pnpm add @tennantite/uinpm 方式安装编译产物;需要改造源码请用上方的 CLI 拷贝安装。
源码
packages/ui/src/screens/containers/enchanting-screen/index.tsxnpm 包保留源码目录,可直接复制改造。