diff --git a/entry/src/main/ets/view/Home.ets b/entry/src/main/ets/view/Home.ets
index 8b123354463ad4f4357b6c6bd74d3bd9b0aa0c1d..bed3a221508d985c1304e9aef3bab952b03506c2 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 09438bc5f4ca05fd6391b31ff4a4eadb5c075b1b..0c6ac71e7b99c3850db7799859b6994aa8a7abb0 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 9078d92641030e39d10c812b7daadc29ab864d2b..672a5442f9735999111c72e364ca8e59784b26a6 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;
           })