鸿蒙实战案例-欢迎页面UI实现及首页Tabs

前言

       欢迎来到我的鸿蒙移动开发项目！我将致力于使用鸿蒙操作系统打造出色的移动应用。让我们一起开启创新的旅程！现在我们将做一个关于健康的软件，本次带来的是首页Tabs！

---

一、设计与布局

界面设计

        这是我们这次要做的首页UI设计，这次我们用到了Tabs组件，Tabs组件可以实现页面内视图内容快速切换，包含TabBar和TabContent两个部分。

        本次我们做首页的一个布局

这个是我们首页的一个布局效果：

二、步骤

1.第一步，我们首先找到index页面，将其进行进一步开发

2.找到页面后我们开始敲击代码，最终展示为：

<