选项卡布局(Tabs)当页面信息较多时，为了让用户能够聚焦于当前显示的内容，需要对页面内容进行分类，提高页面空间利用率。Tabs组件可以在一个页面内快速实现视图内容的切换。基本布局Tabs组件的页面组成包含两个部分，分别是TabContent和TabBar。TabContent是内容页，TabBar是导航

当页面内容较多时，可以通过Tabs组件进行分类展示。Tabs基本用法structTabbarDemo{build(){//外层顶级容器Tabs(){TabContent(){//内容区域：只能有一个子组件Text('首页内容')}

前言：最近做开发任务的时候，想把Tabs自定义了，并且动态配置TabContent里面的内容，不是写死一样的，这个问题困扰了很长时间，试过**@BuilderParam**（类似于vue的插槽）传组件方式的，但是**@BuilderParam只能传一个，我想要传递的是一个数组，找了很多Api最后找到了WrappedBuilder[]**这种方

目录1.底部导航2.点击导航栏的时候点亮3.新建tabbar对应的页面并加载1.底部导航@Entry@ComponentstructIndex{@Statemessage:string='首页'@BuildertabBuilder(text:string,img:Resource){//未选中状态样式处理Column({space:5}

一、实验目的1. 欢迎页面UI开发；2. 业务逻辑开发；二、应用介绍本阶段项目实现了一个美食页面进入页面，运行界面如图所示。三、代码结构解读import{CommonConstants}from'../common/constants/CommonConstants'@Entry@ComponentstructIndex{@StatecurrentI

前言当前部分主要是完成首页的UI设计，学习并掌握Tabs组件的用法，可以完成页面内视图快速切换，包含TabBar和TabContent两部分实现效果项目代码Tabs组件代码import{CommonConstants}from'../common/constants/CommonConstants'@Entry@ComponentstructIndex{@S