From 0919e44bc35c36fd7db482480763738986451c18 Mon Sep 17 00:00:00 2001 From: king_he <6384784@qq.com> Date: Sat, 25 Jun 2022 02:10:00 +0000 Subject: [PATCH] update en/application-dev/reference/arkui-ts/ts-container-panel.md. Signed-off-by: king_he <6384784@qq.com> --- .../reference/arkui-ts/ts-container-panel.md | 17 ++++++++--------- 1 file changed, 8 insertions(+), 9 deletions(-) diff --git a/en/application-dev/reference/arkui-ts/ts-container-panel.md b/en/application-dev/reference/arkui-ts/ts-container-panel.md index 4c032b32a8..e9c6faa7c6 100644 --- a/en/application-dev/reference/arkui-ts/ts-container-panel.md +++ b/en/application-dev/reference/arkui-ts/ts-container-panel.md @@ -1,12 +1,11 @@ # Panel -> ![icon-note.gif](public_sys-resources/icon-note.gif) **NOTE** -> +> **NOTE**
> This component is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version. -The **<Panel>** component is a slidable panel that presents lightweight content with flexible sizes. It is a pop-up component. +The **** component is a slidable panel that presents lightweight content with flexible sizes. It is a pop-up component. ## Required Permissions @@ -24,9 +23,9 @@ This component can contain child components. Panel(value:{show:boolean}) - Parameters - | Name | Type | Mandatory | Default Value | Description | + | Name | Type | Mandatory | Default Value | Description | | -------- | -------- | -------- | -------- | -------- | - | show | boolean | Yes | - | Whether the panel is shown or hidden. | + | show | boolean | Yes | - | Whether to show or hide the panel. | ## Attributes @@ -35,20 +34,20 @@ Panel(value:{show:boolean}) | -------- | -------- | -------- | -------- | | type | PanelType | PanelType.Foldable | Type of the panel. | | mode | PanelMode | - | Initial status of the panel. | -| dragBar | boolean | true | Whether to enable a drag bar. The value **true** means that the drag bar will be displayed, and **false** means the opposite. | +| dragBar | boolean | true | Whether to enable a drag bar. The value **true** means to display the drag bar, and **false** means the opposite. | | fullHeight | Length | - | Panel height in the **PanelMode.Full** mode. | | halfHeight | Length | - | Panel height in the **PanelMode.Half** mode. The default value is half of the screen height. | | miniHeight | Length | - | Panel height in the **PanelMode.Mini** mode. | - PanelType enums - | Name | Description | + | Name | Description | | -------- | -------- | | Minibar | A minibar panel displays content in the minibar area or a large (fullscreen-like) area. | | Foldable | A foldable panel displays permanent content in a large (fullscreen-like), medium-sized (halfscreen-like), or small area. | | Temporary | A temporary panel displays content in a large (fullscreen-like) or medium-sized (halfscreen-like) area. | - PanelMode enums - | Name | Description | + | Name | Description | | -------- | -------- | | Mini | Displays a **minibar** or **foldable** panel in its minimum size. This attribute does not take effect for **temporary** panels. | | Half | Displays a **foldable** or **temporary** panel in a medium-sized (halfscreen-like) area. This attribute does not take effect for **minibar** panels. | @@ -59,7 +58,7 @@ Panel(value:{show:boolean}) | 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 drag bar height plus the height of the content area. | +| onChange(callback: (width: number, height: number, mode: PanelMode) => void) | Triggered when the panel status 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 -- GitLab