diff --git a/entry/src/main/ets/application/MailBox.ets b/entry/src/main/ets/application/MailBox.ets
index 8d1806adcb80387732f59384924c180efe4f68e8..4598ccfdab562ae9116b7a36501f966f89b7e0b2 100644
--- a/entry/src/main/ets/application/MailBox.ets
+++ b/entry/src/main/ets/application/MailBox.ets
@@ -28,27 +28,36 @@ struct MailBox {
   build() {
     GridRow() {
       GridCol({ span: { sm: 12, md: 12, lg: 12 } }) {
+        // [Start set_show_side_bar]
         SideBarContainer(SideBarContainerType.AUTO) {
           // Area A
           Column() {
             MailSideBar()
-          }.width('100%').height('100%').backgroundColor('#f1f3f5')
+          }
+          .width('100%')
+          .height('100%')
+          .backgroundColor('#f1f3f5')
 
           // Area B+C
           Column() {
             Stack() {
               MailNavigation()
+              // [StartExclude set_show_side_bar]
               if (this.isFold && this.currentBreakPoint !== 'lg') {
                 Column().width('100%').height('100%').backgroundColor('#33000000')
               }
+              // [EndExclude set_show_side_bar]
             }
-          }.height('100%').width('100%')
+          }
+          .height('100%')
+          .width('100%')
         }
+        .showSideBar(this.currentBreakPoint === 'lg')
+        // [End set_show_side_bar]
         .sideBarWidth(this.sideBarWidth)
         .minSideBarWidth(240)
         .minContentWidth(this.currentBreakPoint === 'sm' ? 360 : 600)
         .controlButton({ left: 24, top: 40, width: 24, height: 24 })
-        .showSideBar(this.currentBreakPoint === 'lg')
         .onChange((value: boolean) => {
           this.isFold = value;
         })