文档目录
Ender IO 能量条
Ender IO 能量条:18×52 电容款精灵或 9 px 旧款条纹(widgets.png 0,128)自下而上填充;缺电容显示警示精灵。
import { gui } from "@tennantite/ui";
import { EioEnergyBar } from "./index";
export function EioEnergyBarDemo() {
return (
<div style={{ height: gui(52), position: "relative", width: gui(120) }}>
<EioEnergyBar height={52} left={0} max={100000} top={0} value={65000} variant="capacitor" width={18} />
<EioEnergyBar capacitorInstalled={false} height={52} left={24} max={100000} top={0} value={0} variant="capacitor" width={18} />
<EioEnergyBar height={42} left={54} max={100000} top={0} value={48000} variant="legacy" width={9} />
</div>
);
}
安装
$pnpm add @tennantite/enderionpm 方式安装编译产物;需要改造源码请用上方的 CLI 拷贝安装。
源码
packages/enderio/src/eio-energy-bar/index.tsxnpm 包保留源码目录,可直接复制改造。