【代码】HarmonyOS ArkTS 路由登录注册案例。

掌握 ArkUI 响应式核心@State，理解数据驱动 UI 的思想，数据改变自动刷新页面；熟练使用基础交互组件：输入框 TextInput、点击按钮 Button、滑块开关 Toggle，并掌握各自事件回调；学会三目运算符双重用法：动态文字渲染、动态样式（主题切换）；理解 Column 垂直、Row 水平两大基础布局容器，搭配尺寸、边距、圆角等样式修饰符完成页面排版；实现小型综合交互案例：文本双

只读文本展示组件（Text/Span）可交互文本输入组件（TextInput/TextArea/Search）。二者定位完全隔离，本篇一次性梳理清楚区别、特性与适用场景，方便开发选型。不要混用：Text/Span 无法接收用户输入；输入框组件不能用来展示静态文字，会增加性能开销。Span 限制：不能脱离 Text 单独写在 Row/Column 中，编译报错。富文本区分：简单多色文字用 Span；

Text("轮播页面1").width('100%').height(200).backgroundColor('#f5f5f5')Text("轮播页面2").width('100%').height(200).backgroundColor('#e0f7fa')Text("底层背景").width(200).height(200).backgroundColor(Color.Gray)Text(

选择 UI 主题：Light / Dark →。