fanmingyou3_wd

顶导组件增加选中的底部页签

... ... @@ -22,7 +22,7 @@ export struct TopNavigationComponent {
TabContent() {
PageComponent({ groupList: this.groupList })
}
.tabBar(this.TabBarBuilder(navItem, index))
.tabBar(this.tabBarBuilder(navItem, index))
}, (navItem: TopNavBean) => JSON.stringify(navItem));
}
.barHeight($r('app.float.top_tab_bar_height'))
... ... @@ -35,7 +35,7 @@ export struct TopNavigationComponent {
}
@Builder
TabBarBuilder(item: TopNavBean, index: number) {
tabBarBuilder(item: TopNavBean, index: number) {
Column() {
Text(item.name)
.fontSize(this.curTabSelectedIndex === index ? $r('app.float.selected_text_size') : $r('app.float.normal_text_size'))
... ... @@ -43,6 +43,12 @@ export struct TopNavigationComponent {
.fontColor(Color.Black)
.padding({ top: $r('app.float.top_tab_item_padding_top') })
.maxLines(this.MAX_LINE)
Divider()
.width(16)
.strokeWidth(2) // 分割线粗细度。
.padding({top:2})
.color(Color.Red)
.opacity(this.curTabSelectedIndex === index ? 1 : 0)
}
.hoverEffect(HoverEffect.Highlight)
.constraintSize({
... ...