#鸿蒙通关秘籍#如何在HarmonyOS NEXT项目中利用Tabs实现高效的底部导航栏？

Column() {
    Divider().color($r('app.color.color_F0F0F0'))
    Badge({
        count: index != 1 ? 0 : this.msgCount,
        position: BadgePosition.RightTop,
        style: { fontSize: 8, badgeSize: 13 }
    }) {
        Image(item.selectImage)
            .colorBlend(this.selectedIndex == index ? $r('app.color.colorPrimary') : $r('app.color.color_222222'))
            .height(24)
            .margin(4)
    }
    .margin({ top: 4 })

    Text(item.title)
        .width(CommonConst.FULL_PARENT)
        .fontSize(14)
        .fontWeight(500)
        .textAlign(TextAlign.Center)
        .fontColor(this.selectedIndex == index ? $r('app.color.colorPrimary') : $r('app.color.color_222222'))
        .margin({ bottom: 4 })
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.