SusUnitCard

花名册 / 商店单位摘要 — 头像、名称 / 类型、HP · AP · 等级、可选徽章及 actions 插槽。

包

SusGame · 分子（商业）

在 Playground 中打开

SusGame · Molecules

属性

名称	类型	默认值
UnitName	Prop<string>	""
UnitType	Prop<string>	""
Image	Prop<string>	""
Icon	Prop<string>	""
ImageSize	Prop<int>	160
IconSize	Prop<int>	32
Hp	Prop<int>	100
MaxHp	Prop<int>	100
Ap	Prop<int>	0
Level	Prop<int>	1
Selected	Prop<bool>	false
Disabled	Prop<bool>	false
Highlight	Prop<bool>	false
BadgeText	Prop<string>	""

插槽

名称
actions

事件

名称	字段	载荷
Clicked	OnClicked	SusUnitCard

样式钩子

USS 类契约 — 无需改 C# 即可覆盖外观。状态通过这些类切换：

• sus-slot
• sus-unit-card
• sus-unit-card__badge
• sus-unit-card__body
• sus-unit-card__footer
• sus-unit-card__header
• sus-unit-card__header-info
• sus-unit-card__icon
• sus-unit-card__image
• sus-unit-card__name
• sus-unit-card__stat
• sus-unit-card__stat-label
• sus-unit-card__stat-value
• sus-unit-card__subtitle
• sus-unit-card--disabled
• sus-unit-card--highlight
• sus-unit-card--selected

用法

Props 驱动外观；媒体通过 SusGameMedia。点击会触发 OnClicked，除非 Disabled。

var card = new SusUnitCard();
card.UnitName.Value = "Mara";
card.UnitType.Value = "Sergeant";
card.Image.Value = "portraits/mara";
card.Icon.Value = "";
card.Hp.Value = 42;
card.MaxHp.Value = 50;
card.Ap.Value = 4;
card.Level.Value = 3;
card.Selected.Value = true;
card.BadgeText.Value = "Turn";
card.OnClicked += c => { /* select unit */ };
// Optional: card.RefreshMedia();

<template>
  <sus:SusUnitCard :UnitName="Name.Value"
                   :UnitType="Type.Value"
                   :Image="Img.Value"
                   :Icon="Icon.Value"
                   :IconSize="IcoSize.Value"
                   :Hp="Hp.Value"
                   :MaxHp="MaxHp.Value"
                   :Ap="Ap.Value"
                   :Level="Level.Value"
                   :Selected="Sel.Value"
                   :Disabled="Dis.Value"
                   :Highlight="Hi.Value"
                   :BadgeText="Badge.Value"
                   @clicked="OnClicked">
    <!-- slot actions: e.g. SusButton row -->
  </sus:SusUnitCard>
</template>

<script>
public Prop<string> Name = new("Mara");
public Prop<string> Type = new("Sergeant");
public Prop<string> Img = new("portraits/mara");
public Prop<string> Icon = new("");
public Prop<int> IcoSize = new(32);
public Prop<int> Hp = new(42);
public Prop<int> MaxHp = new(50);
public Prop<int> Ap = new(4);
public Prop<int> Level = new(3);
public Prop<bool> Sel = new(true);
public Prop<bool> Dis = new(false);
public Prop<bool> Hi = new(false);
public Prop<string> Badge = new("Turn");
void OnClicked(SusUnitCard card) { /* … */ }
</script>

Prop / API	作用
UnitName · UnitType	标题 + 副标题（UnitType → 副标题标签）
Image · Icon	头像目录 key / 图标回退（优先使用 Image）
ImageSize	已声明（默认 160）；头像外观是 USS 3:4 — 绘制不会通过该 prop 被压扁
IconSize	元信息图标尺寸（默认 32）
Hp · MaxHp	HP 行显示为 Hp / MaxHp
Ap · Level	属性行
Selected · Disabled · Highlight	BEM 状态类；Disabled 会阻止 OnClicked
BadgeText	非空时显示的角标
actions slot	底部操作行
RefreshMedia()	延迟绑定后重新应用图片 / 图标
OnClicked	负载 = 该卡片本身

备注

• 与 SusHudUnitCard（战术栏 / 战斗外观）不同。
• 相关的小队卡片：SusSquadCard。