From e6781d12a4fef00a7203a42e39dbce2f61d4511f Mon Sep 17 00:00:00 2001
From: hzt <huangzhenting@h-partners.com>
Date: Thu, 29 May 2025 18:43:20 +0800
Subject: [PATCH] =?UTF-8?q?feat=20(=E6=A0=87=E8=AF=86):=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9=20MultiNavBar=20=E4=BB=93=E5=BA=93=E6=A0=87=E8=AF=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 entry/src/main/ets/view/Home.ets        | 6 +++++-
 entry/src/main/ets/view/SideBarView.ets | 9 ++++++---
 entry/src/main/ets/view/TopTabView.ets  | 5 +++++
 3 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/entry/src/main/ets/view/Home.ets b/entry/src/main/ets/view/Home.ets
index 8b12335..bed3a22 100644
--- a/entry/src/main/ets/view/Home.ets
+++ b/entry/src/main/ets/view/Home.ets
@@ -47,6 +47,7 @@ export struct Home {
 
   build() {
     // [Start diff_device_container]
+    // entry/src/main/ets/view/Home.ets
     if (this.currentWidthBreakpoint === 'xl') {
       // Use SideBarContainer at XL breakpoint.
       SideBarContainer(SideBarContainerType.Embed) {
@@ -84,6 +85,7 @@ export struct Home {
       // [StartExclude diff_device_container]
       // Use Tabs and List at other breakpoints.
       // [Start tab_to_page]
+      // entry/src/main/ets/view/Home.ets
       Tabs({
         barPosition: this.currentWidthBreakpoint === 'lg' ? BarPosition.Start : BarPosition.End
       }) {
@@ -104,13 +106,15 @@ export struct Home {
         TabContent()
           .tabBar(this.tabBuilder(this.tabData.getFirstList()[3], 3))
       }
+      // [StartExclude tab_to_page]
       .barBackgroundColor('#CCF1F3F5')
       .barWidth(this.currentWidthBreakpoint === 'lg' ? 96 : '100%')
       .barHeight(this.currentWidthBreakpoint === 'lg' ? '100%' : 76)
       .barMode(this.currentWidthBreakpoint === 'lg' ? BarMode.Scrollable : BarMode.Fixed,
         { nonScrollableLayoutStyle: LayoutStyle.ALWAYS_CENTER })
-      .vertical(this.currentWidthBreakpoint === 'lg')
       .barBackgroundBlurStyle(BlurStyle.COMPONENT_THICK)
+      // [EndExclude tab_to_page]
+      .vertical(this.currentWidthBreakpoint === 'lg')
       .onChange((index: number) => {
         this.firstLevelIndex = index;
       })
diff --git a/entry/src/main/ets/view/SideBarView.ets b/entry/src/main/ets/view/SideBarView.ets
index 09438bc..0c6ac71 100644
--- a/entry/src/main/ets/view/SideBarView.ets
+++ b/entry/src/main/ets/view/SideBarView.ets
@@ -26,6 +26,7 @@ export struct SideBarView {
 
   build() {
     // [Start side_bar_view]
+    // entry/src/main/ets/view/SideBarView.ets
     Column() {
       // [StartExclude side_bar_view]
       Row({ space: 8 }) {
@@ -43,10 +44,12 @@ export struct SideBarView {
           Column() {
             Row() {
               Row({ space: 8 }) {
+                // [StartExclude side_bar_view]
                 Image(index === this.firstLevelIndex ? $r('app.media.ic_tabs_mine_selected') :
                   $r('app.media.ic_tabs_mine'))
                   .width(24)
                   .height(24)
+                // [EndExclude side_bar_view]
                 Text(item)
                   .fontSize('16fp')
                   .fontWeight(index === this.firstLevelIndex ? FontWeight.Bold : FontWeight.Medium)
@@ -100,6 +103,7 @@ export struct SideBarView {
       }
       .alignItems(HorizontalAlign.Start)
     }
+    // [End side_bar_view]
     // [StartExclude side_bar_view]
     .alignItems(HorizontalAlign.Start)
     .backgroundColor('#0D000000')
@@ -109,7 +113,6 @@ export struct SideBarView {
     })
     .height('100%')
     .width('100%')
-    // [EndExclude side_bar_view]
-    // [End side_bar_view]
   }
-}
\ No newline at end of file
+}
+// [EndExclude side_bar_view]
diff --git a/entry/src/main/ets/view/TopTabView.ets b/entry/src/main/ets/view/TopTabView.ets
index 9078d92..672a544 100644
--- a/entry/src/main/ets/view/TopTabView.ets
+++ b/entry/src/main/ets/view/TopTabView.ets
@@ -27,6 +27,7 @@ export struct TopTabView {
 
   build() {
     // [Start top_tab_view]
+    // entry/src/main/ets/view/TopTabView.ets
     Column() {
       List() {
         ForEach(this.tabData.getSecondList(this.firstLevel), (item: string, index: number) => {
@@ -39,9 +40,12 @@ export struct TopTabView {
               .textAlign(TextAlign.Center)
               .lineHeight(index === this.secondLevelIndex ? 33 : 25)
               .borderRadius(4)
+                // [StartExclude top_tab_view]
               .maxLines(1)
               .textOverflow({ overflow: TextOverflow.Ellipsis })
+            // [EndExclude top_tab_view]
           }
+          // [StartExclude top_tab_view]
           .align(Alignment.Center)
           .margin({
             top: index === this.secondLevelIndex ? 12 : 18,
@@ -51,6 +55,7 @@ export struct TopTabView {
             left: new BreakpointType(8, 12, 18, 0).getValue(this.currentWidthBreakpoint),
             right: new BreakpointType(8, 12, 18, 0).getValue(this.currentWidthBreakpoint)
           })
+          // [EndExclude top_tab_view]
           .onClick(() => {
             this.secondLevelIndex = index;
           })
-- 
Gitee