给按钮添加了样式：胶囊形状（ButtonType.Capsule）、绿色背景（#258525）、顶部外边距（margin({top:20})）、宽高（width('50%')/height('10%')）在 build() 方法中，通过 Column 布局容器放置 Text 组件，并设置了字号（fontSize(50)）和加粗样式（fontWeight(FontWeight.Bold)）页面内包含

核心方法 1. router.pushUrl({url:"页面路径"})：跳转到新页面，保留上一页 2. router.back()：返回上一页。1. 轻提示 Toast：promptAction.showToast()，短暂弹出文字提示（登录成功 / 输入为空提醒）• 多页面跳转示例：Index.ets、Index2.ets、PageOne.ets、Second.ets。作用： 实现多页面之间互

核心方法 1. router.pushUrl({url:"页面路径"})：跳转到新页面，保留上一页 2. router.back()：返回上一页。1. 轻提示 Toast：promptAction.showToast()，短暂弹出文字提示（登录成功 / 输入为空提醒）• 多页面跳转示例：Index.ets、Index2.ets、PageOne.ets、Second.ets。作用： 实现多页面之间互

• 网络图片：填写图片 URL 地址常用属性 .width()/.height()、.borderRadius()圆角、.objectFit()填充模式。3.对应文件 ImageDemo1.ets、ImageDemo2.ets、ImageSteck.ets（Stack 叠加图片案例）属性：.fontSize()字号、.fontColor()文字颜色、.fontWeight()加粗。对应文件：Tex

• 网络图片：填写图片 URL 地址常用属性 .width()/.height()、.borderRadius()圆角、.objectFit()填充模式。3.对应文件 ImageDemo1.ets、ImageDemo2.ets、ImageSteck.ets（Stack 叠加图片案例）属性：.fontSize()字号、.fontColor()文字颜色、.fontWeight()加粗。对应文件：Tex

3. 对应文件 Row1.ets、Row2.ets、Row3.ets、RowBaseDemo.ets、RowCol.ets、RowDemo.ets、RowFunc.ets。3. 对应文件 ColAndRow.ets、ColAndRow2.ets、ColumnDemm.ets、ColuPerson.ets。3. 对应文件 FlexDemo.ets、FlexDemo2.ets、FlexDemo3.et

3. 对应文件 Row1.ets、Row2.ets、Row3.ets、RowBaseDemo.ets、RowCol.ets、RowDemo.ets、RowFunc.ets。3. 对应文件 ColAndRow.ets、ColAndRow2.ets、ColumnDemm.ets、ColuPerson.ets。3. 对应文件 FlexDemo.ets、FlexDemo2.ets、FlexDemo3.et

核心优势：自适应屏幕宽度，子组件超出自动换行，适配不同尺寸设备。规定 从上而下的排列方式，主轴是垂直方向，交叉轴是水平方向。、图片文字叠加、头像角标、悬浮按钮、页面水印、弹窗提示。从左到右的排列方式，主轴是水平方向，交叉轴是垂直方向。：主轴（垂直）对齐，包含居顶、居中、居底、均分对齐。：交叉轴（水平）对齐，包含左对齐、居中、右对齐。arkUI用于容纳，排列子组件的特殊组件，：统一设置子组件间距，官

核心优势：自适应屏幕宽度，子组件超出自动换行，适配不同尺寸设备。规定 从上而下的排列方式，主轴是垂直方向，交叉轴是水平方向。、图片文字叠加、头像角标、悬浮按钮、页面水印、弹窗提示。从左到右的排列方式，主轴是水平方向，交叉轴是垂直方向。：主轴（垂直）对齐，包含居顶、居中、居底、均分对齐。：交叉轴（水平）对齐，包含左对齐、居中、右对齐。arkUI用于容纳，排列子组件的特殊组件，：统一设置子组件间距，官

点击 IDE 右上角的「运行」按钮（绿色三角形），DevEco Studio 会自动编译项目并安装到模拟器上。确保模拟器处于运行状态，在 IDE 顶部的设备选择栏，选择刚启动的 Pura 90 模拟器。7.模拟器启动成功后，在 IDE 中显示一个手机窗口，能看到系统桌面和自带应用。完成安装后，首次启动会自动下载配置 SDK、模拟器等组件，耐心等待即可。6.创建好的模拟器会出现在列表中，点击「启动」