登录态视图

稳定业务模板galleryId: state

主路径：本站远程 Kuikly H5 可点演示。真机验收 = Gallery APK。设计稿图仅作版式对照。

守赚 UI 是业务组件库与主题体系；依赖官方跨端渲染，不替代官方引擎。

在线交互演示

远程嵌入 Kuikly H5 预览（证明 H5，不代表 Android/iOS/鸿蒙）。宿主能力可能降级。Android 真机请扫 https://apk-dl.zrlmeng.com/ui.apk。

远程 Kuikly H5

安卓端 Gallery APK

https://apk-dl.zrlmeng.com/ui.apk

固定 ESA · 永钉 ui.apk（com.ztdh.ui）。新版本只覆盖对象、不改链。

真机联调 ADB 命令

adb shell am start -n com.ztdh.ui/com.ztdh.example.aarhost.design.HostDesignRenderActivity -e pageName design_system_gallery -e component state

深链 scheme（仅复制 · 手机扫不了）

pd://gallery/component?id=state

Kotlin

Name	Type	说明
`NeoConvexCard`	@Composable	外凸卡
`NeumorphicConcave`	@Composable	内凹槽

契约对齐 platform-design App*；须在真机 Gallery 验证。

Kotlin / Kuikly Compose

// Gallery Story · component=state
AppThemeHost {
  // Open design_system_gallery → component=state
}

设计稿对照（非 Demo）宽屏 · 窄屏

静态 screen.png 仅作版式对照，不可点。交互请用上方「在线交互演示」。