SusRewardsScreenContent

赛后奖励 — title/subtitle、可滚动的奖励行（SetRewards）、通过 Claimed 在 Claim 与 Continue 之间切换。

包

SusGame · 屏幕（商业）

在 Playground 中打开

SusGame · Screens

属性

名称	类型	默认值
Title	Prop<string>	"Rewards"
Subtitle	Prop<string>	""
Claimed	Prop<bool>	false
ClaimLabel	Prop<string>	"Claim all"
ContinueLabel	Prop<string>	"Continue"

插槽

没有插槽。

事件

名称	字段	载荷
ClaimClicked	OnClaimClicked	—
ContinueClicked	OnContinueClicked	—
RewardClicked	OnRewardClicked	string

样式钩子

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

• sus-flow-panel--w320
• sus-flow-panel--w360
• sus-flow-panel--w380
• sus-icon
• sus-rewards-screen
• sus-rewards-screen__icon
• sus-rewards-screen__item
• sus-rewards-screen__item--epic
• sus-rewards-screen__item--legendary
• sus-rewards-screen__item--rare
• sus-rewards-screen__list
• sus-rewards-screen__meta
• sus-rewards-screen__name
• sus-rewards-screen__panel
• sus-rewards-screen__sub

用法

<template>
  <sus:SusRewardsScreenContent
    :Title="Title.Value"
    :Subtitle="Sub.Value"
    :Claimed="Done.Value"
    :ClaimLabel="Claim.Value"
    :ContinueLabel="Cont.Value"
  />
</template>

<script>
public Prop<string> Title = new("Rewards");
public Prop<string> Sub = new("Match complete");
public Prop<bool> Done = new(false);
public Prop<string> Claim = new("Claim all");
public Prop<string> Cont = new("Continue");
</script>

var rewards = new SusRewardsScreenContent();
rewards.Title.Value = "Victory loot";
rewards.Subtitle.Value = "+120 XP";
rewards.SetRewards(new List<SusRewardsScreenContent.RewardItem> {
  new() { Id = "gold", Name = "Credits", Quantity = 500, Rarity = "common" },
  new() { Id = "skin", Name = "Rare skin", Quantity = 1, Rarity = "rare", Icon = "gift" },
});
rewards.OnClaimClicked += () => { rewards.Claimed.Value = true; };
rewards.OnContinueClicked += () => { /* next screen */ };
rewards.OnRewardClicked += id => { /* inspect */ };

Prop / API	Role
Title / Subtitle	横幅 + 可选提示（subtitle 为空 → 隐藏）
Claimed	隐藏 Claim，显示 Continue
ClaimLabel / ContinueLabel	按钮文本
SetRewards(List<RewardItem>)	行：Id/Name/Icon/Quantity/Rarity
OnClaimClicked / OnContinueClicked	无参动作
OnRewardClicked	Action<string> 行 id
ClaimBtn / ContinueBtn / RewardsHost	内置宿主

备注

• Rarity 类：sus-rewards-screen__item--{rarity}（默认 common；rare/epic/legendary 也有样式）。
• Claim 按钮在构造函数中已调用 OnClaimClicked；Continue 同理。
• 存在于 SusGame pin 中 — 嵌套的 RewardItem 是真实的。