diff --git a/entry/src/main/ets/view/Home.ets b/entry/src/main/ets/view/Home.ets
index 2184c05a8bca5ce69f80bfcf9bca26e60844e51e..8b123354463ad4f4357b6c6bd74d3bd9b0aa0c1d 100644
--- a/entry/src/main/ets/view/Home.ets
+++ b/entry/src/main/ets/view/Home.ets
@@ -46,6 +46,7 @@ export struct Home {
   }
 
   build() {
+    // [Start diff_device_container]
     if (this.currentWidthBreakpoint === 'xl') {
       // Use SideBarContainer at XL breakpoint.
       SideBarContainer(SideBarContainerType.Embed) {
@@ -80,7 +81,9 @@ export struct Home {
       .minSideBarWidth(240)
       .maxSideBarWidth(240)
     } else {
+      // [StartExclude diff_device_container]
       // Use Tabs and List at other breakpoints.
+      // [Start tab_to_page]
       Tabs({
         barPosition: this.currentWidthBreakpoint === 'lg' ? BarPosition.Start : BarPosition.End
       }) {
@@ -111,9 +114,12 @@ export struct Home {
       .onChange((index: number) => {
         this.firstLevelIndex = index;
       })
+      // [End tab_to_page]
       .scrollable(false)
       .height('100%')
       .width('100%')
+      // [EndExclude diff_device_container]
     }
+    // [End diff_device_container]
   }
 }
\ No newline at end of file
diff --git a/entry/src/main/ets/view/SideBarView.ets b/entry/src/main/ets/view/SideBarView.ets
index 5437e3051088bf46ca20b3c14563d37055f4da4c..09438bc5f4ca05fd6391b31ff4a4eadb5c075b1b 100644
--- a/entry/src/main/ets/view/SideBarView.ets
+++ b/entry/src/main/ets/view/SideBarView.ets
@@ -25,7 +25,9 @@ export struct SideBarView {
   @State isShow: boolean = true;
 
   build() {
+    // [Start side_bar_view]
     Column() {
+      // [StartExclude side_bar_view]
       Row({ space: 8 }) {
         Image($r('app.media.startIcon'))
           .height(24)
@@ -35,7 +37,7 @@ export struct SideBarView {
       }
       .padding({ left: 8 })
       .height(56)
-
+      // [EndExclude side_bar_view]
       Column({ space: 2 }) {
         ForEach(this.tabData.getFirstList(), (item: string, index: number) => {
           Column() {
@@ -56,25 +58,30 @@ export struct SideBarView {
                   .height(20)
               }
             }
+            // [StartExclude side_bar_view]
             .justifyContent(FlexAlign.SpaceBetween)
             .width('100%')
             .height(40)
             .padding({
               left: 8
             })
-
+            // [EndExclude side_bar_view]
             Column({ space: 2 }) {
               ForEach(this.tabData.getSecondList(item), (item: string, index: number) => {
                 Row() {
                   Text(item)
+                    // [StartExclude side_bar_view]
                     .fontSize('16fp')
                     .fontWeight(index === this.secondLevelIndex ? FontWeight.Bold : FontWeight.Medium)
                     .margin({ left: 40 })
+                  // [EndExclude side_bar_view]
                 }
+                // [StartExclude side_bar_view]
                 .width('100%')
                 .height(40)
                 .borderRadius(8)
                 .backgroundColor(index === this.secondLevelIndex ? '#1A0A59F7' : '#00FFFFFF')
+                // [EndExclude side_bar_view]
                 .onClick(() => {
                   this.secondLevelIndex = index;
                 })
@@ -93,6 +100,7 @@ export struct SideBarView {
       }
       .alignItems(HorizontalAlign.Start)
     }
+    // [StartExclude side_bar_view]
     .alignItems(HorizontalAlign.Start)
     .backgroundColor('#0D000000')
     .padding({
@@ -101,5 +109,7 @@ export struct SideBarView {
     })
     .height('100%')
     .width('100%')
+    // [EndExclude side_bar_view]
+    // [End side_bar_view]
   }
 }
\ No newline at end of file
diff --git a/entry/src/main/ets/view/TopTabView.ets b/entry/src/main/ets/view/TopTabView.ets
index c1b2558384337deec8e9874ce08db388c70e659e..ba5f4af0a6c3917e3714d3677def080dd8d6c43e 100644
--- a/entry/src/main/ets/view/TopTabView.ets
+++ b/entry/src/main/ets/view/TopTabView.ets
@@ -26,6 +26,7 @@ export struct TopTabView {
   private firstLevel: string = getContext(this).resourceManager.getStringSync($r('app.string.tab_home').id);
 
   build() {
+    // [Start top_tab_view]
     Column() {
       List() {
         ForEach(this.tabData.getSecondList(this.firstLevel), (item: string, index: number) => {
@@ -71,5 +72,6 @@ export struct TopTabView {
     .padding({
       top: 30
     })
+    // [End top_tab_view]
   }
 }
\ No newline at end of file