Showing
1 changed file
with
8 additions
and
2 deletions
| @@ -22,7 +22,7 @@ export struct TopNavigationComponent { | @@ -22,7 +22,7 @@ export struct TopNavigationComponent { | ||
| 22 | TabContent() { | 22 | TabContent() { |
| 23 | PageComponent({ groupList: this.groupList }) | 23 | PageComponent({ groupList: this.groupList }) |
| 24 | } | 24 | } |
| 25 | - .tabBar(this.TabBarBuilder(navItem, index)) | 25 | + .tabBar(this.tabBarBuilder(navItem, index)) |
| 26 | }, (navItem: TopNavBean) => JSON.stringify(navItem)); | 26 | }, (navItem: TopNavBean) => JSON.stringify(navItem)); |
| 27 | } | 27 | } |
| 28 | .barHeight($r('app.float.top_tab_bar_height')) | 28 | .barHeight($r('app.float.top_tab_bar_height')) |
| @@ -35,7 +35,7 @@ export struct TopNavigationComponent { | @@ -35,7 +35,7 @@ export struct TopNavigationComponent { | ||
| 35 | } | 35 | } |
| 36 | 36 | ||
| 37 | @Builder | 37 | @Builder |
| 38 | - TabBarBuilder(item: TopNavBean, index: number) { | 38 | + tabBarBuilder(item: TopNavBean, index: number) { |
| 39 | Column() { | 39 | Column() { |
| 40 | Text(item.name) | 40 | Text(item.name) |
| 41 | .fontSize(this.curTabSelectedIndex === index ? $r('app.float.selected_text_size') : $r('app.float.normal_text_size')) | 41 | .fontSize(this.curTabSelectedIndex === index ? $r('app.float.selected_text_size') : $r('app.float.normal_text_size')) |
| @@ -43,6 +43,12 @@ export struct TopNavigationComponent { | @@ -43,6 +43,12 @@ export struct TopNavigationComponent { | ||
| 43 | .fontColor(Color.Black) | 43 | .fontColor(Color.Black) |
| 44 | .padding({ top: $r('app.float.top_tab_item_padding_top') }) | 44 | .padding({ top: $r('app.float.top_tab_item_padding_top') }) |
| 45 | .maxLines(this.MAX_LINE) | 45 | .maxLines(this.MAX_LINE) |
| 46 | + Divider() | ||
| 47 | + .width(16) | ||
| 48 | + .strokeWidth(2) // 分割线粗细度。 | ||
| 49 | + .padding({top:2}) | ||
| 50 | + .color(Color.Red) | ||
| 51 | + .opacity(this.curTabSelectedIndex === index ? 1 : 0) | ||
| 46 | } | 52 | } |
| 47 | .hoverEffect(HoverEffect.Highlight) | 53 | .hoverEffect(HoverEffect.Highlight) |
| 48 | .constraintSize({ | 54 | .constraintSize({ |
-
Please register or login to post a comment