SusSquadCard

花名册 / 商店小队卡片 — 封面图片、可选图标、名称及简短描述。

包

SusGame · 分子（商业）

在 Playground 中打开

SusGame · Molecules

属性

名称	类型	默认值
Image	Prop<string>	""
Icon	Prop<string>	""
SquadName	Prop<string>	""
Description	Prop<string>	""
ImageSize	Prop<int>	180
IconSize	Prop<int>	40

插槽

没有插槽。

事件

没有公开事件。

样式钩子

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

• sus-squad-card
• sus-squad-card__desc
• sus-squad-card__icon
• sus-squad-card__image
• sus-squad-card__member
• sus-squad-card__member-icon
• sus-squad-card__member-name
• sus-squad-card__members
• sus-squad-card__members--has-content
• sus-squad-card__meta
• sus-squad-card__name
• sus-squad-card__stat
• sus-squad-card__stats
• sus-squad-card__stats--has-content
• sus-squad-card__texts

用法

通过 SusGameMedia（Image / Icon）驱动媒体 key。在延迟 prop 绑定之后，或项目媒体钩子接好之后调用 RefreshMedia()。

var card = new SusSquadCard();
card.SquadName.Value = "Vanguard";
card.Description.Value = "Front-line breach squad";
card.Image.Value = "squads/vanguard";
card.Icon.Value = "shield";
card.ImageSize.Value = 180;
card.IconSize.Value = 40;
// card.RefreshMedia(); // after SusTableMedia / late bind

<template>
  <sus:SusSquadCard :Image="Img.Value"
                    :Icon="Icon.Value"
                    :SquadName="Name.Value"
                    :Description="Desc.Value"
                    :ImageSize="ImgSize.Value"
                    :IconSize="IcoSize.Value" />
</template>

<script>
public Prop<string> Img = new("squads/vanguard");
public Prop<string> Icon = new("shield");
public Prop<string> Name = new("Vanguard");
public Prop<string> Desc = new("Front-line breach squad");
public Prop<int> ImgSize = new(180);
public Prop<int> IcoSize = new(40);
</script>

Prop / API	作用
SquadName	显示标题（不是 Name — 避免遮蔽 VisualElement.name）
Description	标题下方的次要文本
Image	目录图片 key（SusGameMedia）；封面优先使用它而非 Icon
Icon	图标集 key；Image 为空时也用作封面回退
ImageSize	封面绘制尺寸（默认 180）
IconSize	元信息图标尺寸（默认 40）
RefreshMedia()	延迟绑定 / 媒体钩子后重新应用图片 / 图标

备注

• 在设置 SquadName / 媒体 key 之前为空 — 这是为了身份展示图有意为之。
• 优先用于花名册 / 商店列表；不是 HUD 战斗卡片（参见 SusHudUnitCard / SusUnitCard）。