用 @Component 和 @Entry 装饰器定义入口组件 Index

 用 @State 声明状态变量 message，初始值为 'Hello World' ◦

在 build() 方法中，通过 Column 布局容器放置 Text 组件，并设置了字号（fontSize(50)）和加粗样式（fontWeight(FontWeight.Bold)）

把 message 的值修改为中文 '你好，世界！'，适配中文显示场景
在 Column 布局中新增了 Button 组件，文本为 “下一页”
给按钮添加了样式：胶囊形状（ButtonType.Capsule）、绿色背景（#258525）、顶部外边距（margin({top:20})）、宽高（width('50%')/height('10%')）

新建了 Second.ets 文件，定义了第二个组件 Second
同样用 @State 声明 message 变量，值为 '第二个页面'
页面内包含 “第二个页面” 文本和蓝色背景的 “返回” 按钮，样式与首页按钮保持了设计一致性

# vim
Logo
HarmonyOS开发者社区

讨论HarmonyOS开发技术，专注于API与组件、DevEco Studio、测试、元服务和应用上架分发等。

更多推荐

基于 HarmonyOS 的 AI 学习计划生成应用开发实践——从对齐到评估的全流程技术解析

摘要 本文详细介绍了基于HarmonyOS开发AI学习计划生成应用的全流程实践。项目采用MVVM架构，使用ArkTS语言和ArkUI框架，包含三个核心层次：View层负责UI展示，Service层处理业务逻辑，Model层定义数据结构。应用特点包括： 黑板风格UI：采用深绿色主色调(#1B5E20)搭配黄色强调色(#FFD600)，模拟教室黑板效果 结构化数据模型：定义了AI学习计划生成Data类

avatar HarmonyOS开发者社区

云闪付联合HarmonyOS SDK打造更便捷安全的支付体验

# 总结云闪付与HarmonyOS SDK的联合，不仅带来了极致的支付便捷性——用户无需切换应用即可在多设备间完成支付，更通过硬件级安全、分布式身份和生物识别，构筑了坚固的安全防线。云闪付作为中国银联旗下的一站式支付平台，近期与华为HarmonyOS SDK深度整合，通过原生能力开放、分布式架构和全场景协同，打造了更流畅、更安全的支付体验。本文将从实战角度，通过代码演示，揭秘云闪付如何利用Harm

avatar HarmonyOS开发者社区

鸿蒙7来了！HarmonyOS 7 花粉Beta版招募活动启动！

（1）升级花粉 Beta 版前，建议备份手机/平板的所有重要数据，QQ、微信、第三方软件单独迁移备份，并确认备份内容完整有效，避免升级后数据不兼容或其它意外情况导致数据丢失。（2）确保当前的手机/平板符合花粉 Beta 版尝鲜报名活动要求，即机型、基线版本与报名活动相符，具体招募要求请在升级尝鲜页面点击“了解更多”查看。HarmonyOS 7 花粉 Beta 版招募开始啦，视效更精致、体验更安心，

avatar HarmonyOS开发者社区