!3965 3828 处理完成：修改sliding panel用例代码

Merge pull request !3965 from ester.zhou/TR-3828

en/application-dev/reference/arkui-ts/ts-container-panel.md

@@ -2,6 +2,7 @@
 
 
 > ![icon-note.gif](public_sys-resources/icon-note.gif) **NOTE**
+>
 > This component is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version.
 
 
@@ -22,7 +23,7 @@ This component can contain child components.
 
 Panel(value:{show:boolean})
 
-- Parameter
+- Parameters
     | Name | Type | Mandatory | Default Value | Description |
   | -------- | -------- | -------- | -------- | -------- |
   | show | boolean | Yes | - | Whether the panel is shown or hidden. |
@@ -30,7 +31,7 @@ Panel(value:{show:boolean})
 
 ## Attributes
 
-  | Name | Type | Default Value | Description | 
+| Name | Type | Default Value | Description |
 | -------- | -------- | -------- | -------- |
 | type | PanelType | PanelType.Foldable | Type of the panel. |
 | mode | PanelMode | - | Initial status of the panel. |
@@ -56,9 +57,9 @@ Panel(value:{show:boolean})
 
 ## Events
 
-  | Name | Description | 
+| Name | Description |
 | -------- | -------- |
-| onChange(callback: (width: number, height: number, mode: PanelMode) => void) | Triggered when the status of the panel changes. The returned height value is the height of the content area. When the value of **dragbar** is **true**, the height of the panel is the dragbar height plus the height of the content area. | 
+| onChange(callback: (width: number, height: number, mode: PanelMode) => void) | Triggered when the status of the panel changes. The returned height value is the height of the content area. When the value of **dragbar** is **true**, the height of the panel is the drag bar height plus the height of the content area. |
 
 
 ## Example
@@ -86,10 +87,10 @@ struct PanelExample {
         }
       }
       .type(PanelType.Foldable).mode(PanelMode.Half)
-      .dragBar(true) // The dragbar is enabled by default.
-      .halfHeight(500) // Half of the height by default
-      .onChange((value: any) => {
-        console.info(`width:${value.width},height:${value.height},mode:${value.mode}`)
+      .dragBar(true) // The drag bar is enabled by default.
+      .halfHeight(500) // The default value is half of the screen height.
+      .onChange((width: number, height: number, mode: PanelMode) => {
+        console.info(`width:${width},height:${height},mode:${mode}`)
       })
     }.width('100%').height('100%').backgroundColor(0xDCDCDC).padding({ top: 5 })
   }