virtheart
5c41eb410b
- 新增HUD图标、面板和状态指示器资产 - 实现HUD图标组件和错误边界组件 - 重构顶部状态栏和底部导航栏 - 更新路线面板样式和交互 - 添加HUD资产清单和切片脚本 - 移除未使用的资产文件 - 调整API安全配置和生产环境设置
17 lines
414 B
TypeScript
17 lines
414 B
TypeScript
import { getHudIconArt, type HudIconAsset } from '../uiAssets';
|
|
|
|
export function HudIcon({
|
|
name,
|
|
label,
|
|
className = '',
|
|
decorative = true,
|
|
}: {
|
|
name: HudIconAsset;
|
|
label?: string;
|
|
className?: string;
|
|
decorative?: boolean;
|
|
}) {
|
|
const src = getHudIconArt(name);
|
|
return <img alt={decorative ? '' : label ?? name} aria-hidden={decorative} className={`hud-icon ${className}`.trim()} src={src} />;
|
|
}
|