对于HarmonyOS应用开发的初学者。通过构建一个简单的具有页面跳转/返回功能的应用(如下)，快速了解工程目录的主要文件，熟悉HarmonyOS应用开发流程。

position?maxCount?: number;position?Badge的构造方法允许接收和两种类型的参数，它们都继承自BadgeParamBadgeParamposition：设置 badge 的显示位置，Right： badge 显示在右侧纵向居中。RightTop（默认值）： badge 显示在右上角。Left： badge 显示在左侧纵向居中。style：设置 badge 的显示

使用HBuilderX创建 uni-app 项目 并编译到微信开发者工具。uni-app 支持两种方式创建项目：通过 HBuilderX 创建通过命令行创建首先我们需要先下载HBuilderX下载安装 HbuilderX 编辑器下载会自动匹配电脑系统，直接下载即可，不需要更改。通过 HbuilderX 创建 uni-app vue3 项目安装 uni-app vue3 编译器插件（可以让我们将vu

相对布局组件，用于复杂场景中元素对齐的布局。说明该组件从API Version 9开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。

(value?direction?wrap?: FlexWrap;alignItems?value：设置子组件的排列样式，direction：设置子组件的的排列方向即主轴方向，Row（默认值）：子组件水平排列，即主轴为水平方向纵轴为竖直方向，子组件由左向右排列。RowReverse：子组件水平排列，即主轴为水平方向纵轴为竖直方向，子组件由右向左排列。Column：子组件竖直排列，即主轴为垂直方向，

reset();在使用的时候，接收一个类型的控制器，该控制器用来控制组件的状态，比如重置解锁状态。build() {sideLength：设置组件的宽度和高度，默认值为 300vp ，最小可以设置为 0。：设置宫格圆点的半径，默认值为 14vp。：设置宫格圆点在 “未选中” 状态的填充颜色，默认值为黑色。：设置宫格圆点在 “选中” 状态的填充颜色，默认值为黑色。：设置宫格圆点在 “激活” 状态的填

(value?text?controller?value：输入框的提示样式设置，text：设置输入框的初始显示文本，不设置时显示的内容。：占位提示文本，当不设置 text 是，显示该文本。controller：光标控制器，设置光标的下标位置。})text: "你好呀"})样例运行结果如下图所示：TextInput组件用于文本输入，它只能单行文本输入，若文本超出自身长度则使用...在末尾替代。Tex

Navigationtitle：当titleMode为时，随着可滚动组件的滑动标题栏模式发生变化时触发此回调。

srcFlex() {Flex() {: {alt：设置占位图，图片显示之前先显示占位图，比如在加载网络图片或者图片加载失败时的场景。objectFit：设置图片的放缩类型，当Image组件大小和图片大小不同时指定图片的放缩类型，ImageFitCover（默认值）：保持图片宽高比进行放缩显示，使得图片完全显示在显示边界外。Contain：保持图片宽高比进行放缩显示，使得图片完全显示在显示边界内。

(content?contenttextAlign：设置文本的对其方式，对齐参考系是Text组件本身，只有Text组件本身的宽度大于文本内容长度，textAlign属性才起作用，TextAlignStart（默认值）：根据文字书写相同的方向对齐，比如中文从左往右排版，那么文本则靠左对齐。Center：文本居中对齐。End：根据文字书写相反的方向对齐，比如中文从左往右排版，那么文本则靠右对齐。.te