代码如下： @Entry @Component struct Tab{ private bannerList:Resource[] = [ $r('app.media.first'), $r('app.media.second'), $r('app.media.third') ] build() { Tabs(){ TabContent(){ Column({space:40}) { Text('欢迎来到河北软件职业技术学院') .fontSize(24) Column() { Swiper() { ForEach(this.bannerList, (item: Resource) => { Image(item) .width('98%') .height('100%') .objectFit(ImageFit.Cover) .borderRadius(5) }) } .width('100%') .height('30%') .autoPlay(true) .interval(2000) .loop(true) } Text('河北软件职业技术学院是河北省公办全日制高职，2003 年建校、' + '办学溯源至 1972 年，坐落于保定，隶属省教育厅，为省内首家独' + '立建制、以信息技术（ICT） 为核心的公办高职，是国家 “双高计划' + '” 建设单位、国家优质专科、国家示范性软件职业技术学院河北软件职业技术学院') .fontSize('28') .fontWeight(FontWeight.Bolder) } } .tabBar('学校简介') TabContent() { Column({space:15}) { Text('欢迎来到计算机应用工程系') .fontSize(22) Column() { Swiper() { ForEach(this.bannerList, (item: Resource) => { Image(item) .width('98%') .height('100%') .objectFit(ImageFit.Cover) .borderRadius(5) }) } .width('100%') .height('30%') .autoPlay(true) .interval(2000) .loop(true) } Text('计算机应用工程系成立于 2002 年，是学院重点系部、河北省云计算与 IDC 人才培养核心基地，' + '在校生 2000 余人河北软件职业技术学院。立足京津冀，聚焦云计算、信息安全、区块链等新一代信息技术，' + '办学实力与就业质量位居省内同类院校前列河北软件职业技术学院。') .fontSize('28') .fontWeight(FontWeight.Bolder) } } .tabBar('系部简介') TabContent(){ Text('个人中心页面') .fontSize(24) } .tabBar('班级介绍') TabContent(){ Text('关于我们页面') .fontSize(24) } .tabBar('个人中心·') } .barPosition(BarPosition.Start) .tabIndex(2) } }成品展示：
