@eveshipfit/ui-ingame (英语)
EVE Online飞船装配的反射组件 看起来像游戏中的UI.
部分 EVESIP.fit (英语)。 。 。 .
安装
npm install @eveshipfit/ui-ingame @eveshipfit/images react react-dom
使用量
装入主题一次, 然后使用组件 :
import "@eveshipfit/ui-ingame/theme.css";
import { TreeLeaf, TreeList } from "@eveshipfit/ui-ingame";
<TreeList label="Ships">
<TreeLeaf label="Rifter" typeId={587} onActivate={() => console.log("Rifter")} />
</TreeList>;
每个颜色和大小都是 CSS 变量 theme.css; 覆盖它们, 或者装入自己的主题 . --esf-scale 实值
EVE的UI规模, 1 100% FittingWindow, (中文(简体) ), FittingWheel, (中文(简体) ), ItemBrowser, (中文(简体) ), ShipStatistics 财务报告和审定财务报表 HistoryBar 为:
和EVE一样大.
给我 FittingWindow 它的浏览器和统计器来获取滑出它们的按钮 :
<FittingWindow browser={<ItemBrowser />} statistics={<ShipStatistics />} />。 。 。 .
图标来自 @eveshipfit/images: 将组件放入 ImagesProvider 联 合 国
@eveshipfit/react-hooks。工具提示 ShipStatistics 来自 texts.dat 联 合 国 @eveshipfit/sde: 放进一个
TextsProvider 我也一样. ShipStatistics 当引擎有时, 显示发件价格 esi。 。 。 .
许可证
麻省理工学院