SusMenuScreenChrome

菜单布局的样式宿主 / USS 伴随组件（SusMenuContentShell）— 可选元素；样式表也可通过 Resources 加载。

包

SusGame · 屏幕（商业）

在 Playground 中打开

SusGame · Screens

属性

没有公开属性。

插槽

没有插槽。

事件

没有公开事件。

样式钩子

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

• sus-menu-hub
• sus-menu-hub-hidden
• sus-menu-screen
• sus-menu-screen__background
• sus-menu-screen__btn--card
• sus-menu-screen__buttons
• sus-menu-screen__buttons--grid
• sus-menu-screen__buttons--hero
• sus-menu-screen__buttons--sidebar
• sus-menu-screen__buttons--vc
• sus-menu-screen__center
• sus-menu-screen__center--padded
• sus-menu-screen__cta
• sus-menu-screen__footer
• sus-menu-screen__hero
• sus-menu-screen__hint
• sus-menu-screen__link
• sus-menu-screen__links
• sus-menu-screen__main
• sus-menu-screen__row
• sus-menu-screen__sidebar
• sus-menu-screen__title--grid
• sus-menu-screen__title--hero
• sus-menu-screen__title--sidebar
• sus-menu-screen__title--vc

用法

无 props、slots 或 events。实例化该元素是可选的 — 菜单外壳会将 SusMenuScreenChrome.g.uss 附加到菜单 root。构建自定义菜单标记时使用下面的类名。

<template>
  <!-- Optional: ensures chrome element exists in Storybook / trees -->
  <sus:SusMenuScreenChrome />
</template>

<script>
// No Prop<> / public API fields — stylesheet + BEM classes only.
</script>

// Prefer SusMenuContentShell / flow screens that attach the sheet.
// If composing manually, add classes from the companion USS, e.g.:
//   root.AddToClassList("sus-menu-screen");
//   buttons.AddToClassList("sus-menu-screen__buttons");

Prop / API	Role
—	无 Prop<> / 公开方法
Classes	sus-menu-screen、__background、__buttons、__links、__footer、__center、__hero、__sidebar、__main、__hint、__btn--card、__link，hub 过渡（sus-menu-hub / sus-menu-hub-hidden）

备注

• 购买者截图展示的是用这些类组合出的菜单 — 该类型本身没有交互式 props。
• 不要在这里臆造菜单项 API；通过 kit 的 SusMenuButton / shell helper 为按钮接线。