跳转到内容

SusCore - 文档

包: com.sharq-it.sus.coreSUS UI 系统的基础 是 Vue.js 的类比物:响应式(reactivity)、SFC 编译器、指令、插槽、CSS scoped

目录

#文档内容
0从零开始集成 🆕安装、场景、第一个 .sharq、SusApp、sus.config.json、Sharq 生成
1快速开始最小组件、bootstrap、安装、配置
2.sharq 与指令SFC 格式、$using、$MainElement、v-if/v-show/v-for/:text/@click/style
3响应式Prop<T>、Computed<T>、Watch<T>、DependencyTracker、P/C 辅助方法
4插槽具名插槽、默认插槽、SlotPropMap
5CSS Scopingscoped/global、哈希类、Sharq 限制
6自适应布局SusBreakpointService、breakpoint 类、Watch
7OverlayHost 与 portalPortal 容器、OverlayCategory、z-order
8事件Emit/On、通过 Prop<T> 通信
9编译与生成Pipeline、增量编译、SharqValidator
10配置sus.config.json
11API 参考SusApp、SusComponent、Bind 辅助方法、SusBootstrap
12运行示例来自 Samples~ 的 SusBootstrap + SusKeepAlive 示例
13内置审计(Debug / QA)ClickAudit、BoundsAudit、CallbackAudit、OverlayAudit、StateAudit、LifecycleAudit、…
18MCP / AI probeSusUiProbe JSON 外观(tree/props/health)、MCP 阶段
17开发控制台SusConsoleService、快捷键 ~、OverlayCategory.Console
设计令牌字体、颜色、图标、主题
快速入门(中文)中文快速入门(网站已翻译;包内副本:本目录下的 GETTING_STARTED.zh-CN.md

快速开始

xml
<!-- HelloWorld.sharq -->
<template>
<ui:Label $MainElement :text="Message" class="greeting"
          style="font-size: 24px; -unity-text-align: middle-center; color: white;" />
</template>

<script>
public string Message = "Hello SUS!";
</script>
csharp
// MonoBehaviour on stage — prefer SusApp.
// Mount the component you defined above (HelloWorld); its .g.cs must be generated first.
public class AppEntry : MonoBehaviour
{
    public UIDocument uiDocument;
    void Start() => SusApp.Create(uiDocument).UseTheme(SusTheme.Dark).Mount<HelloWorld>();
}

该去哪里找什么

相关文档