From 9e2b9a168e47dedd89290901edf23dcd8da717d5 Mon Sep 17 00:00:00 2001 From: yujiadong Date: Tue, 21 Feb 2023 10:29:34 +0000 Subject: [PATCH] =?UTF-8?q?gridRow=20=E9=BB=98=E8=AE=A4=E6=96=AD=E7=82=B9?= =?UTF-8?q?=E8=B0=83=E6=95=B4=20sm=E5=92=8Cmd=E6=96=AD=E7=82=B9=E5=88=86?= =?UTF-8?q?=E7=95=8C=E5=80=BC=E4=BB=8E520=E8=B0=83=E6=95=B4=E4=B8=BA600?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: yujiadong Change-Id: If2ece7090b9fae815e627ceadb095d5af27189bd --- .../reference/arkui-ts/ts-container-gridrow.md | 6 +++--- .../application-dev/ui/ui-ts-layout-grid-container-new.md | 8 ++++---- 2 files changed, 7 insertions(+), 7 deletions(-) diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-container-gridrow.md b/zh-cn/application-dev/reference/arkui-ts/ts-container-gridrow.md index 85e356b91e..0e48ee9510 100644 --- a/zh-cn/application-dev/reference/arkui-ts/ts-container-gridrow.md +++ b/zh-cn/application-dev/reference/arkui-ts/ts-container-gridrow.md @@ -61,15 +61,15 @@ GridRow(option?: {columns?: number | GridRowColumnOption, gutter?: Length | Gutt | 参数名 | 参数类型 | 必填 | 参数描述 | | ----- | ------ | ---- | ---------------------------------------- | -| value | Array<string> | 否 | 设置断点位置的单调递增数组。
默认值：["320vp", "520vp", "840vp"] | +| value | Array<string> | 否 | 设置断点位置的单调递增数组。
默认值：["320vp", "600vp", "840vp"] | | reference | BreakpointsReference | 否 | 断点切换参照物。 | ```ts // 启用xs、sm、md共3个断点 breakpoints: {value: ["100vp", "200vp"]} // 启用xs、sm、md、lg共4个断点，断点范围值必须单调递增 - breakpoints: {value: ["320vp", "520vp", "840vp"]} + breakpoints: {value: ["320vp", "600vp", "840vp"]} // 启用xs、sm、md、lg、xl共5个断点，断点范围数量不可超过断点可取值数量-1 - breakpoints: {value: ["320vp", "520vp", "840vp", "1080vp"]} + breakpoints: {value: ["320vp", "600vp", "840vp", "1080vp"]} ``` ## BreakpointsReference枚举类型 diff --git a/zh-cn/application-dev/ui/ui-ts-layout-grid-container-new.md b/zh-cn/application-dev/ui/ui-ts-layout-grid-container-new.md index e8eeba071e..0e87a6bcab 100644 --- a/zh-cn/application-dev/ui/ui-ts-layout-grid-container-new.md +++ b/zh-cn/application-dev/ui/ui-ts-layout-grid-container-new.md @@ -30,8 +30,8 @@ | 断点名称 | 取值范围（vp）| | --------| ------ | | xs | [0, 320） | -| sm | [320, 520) | -| md | [520, 840) | +| sm | [320, 600) | +| md | [600, 840) | | lg | [840, +∞) | 在GridRow新栅格组件中，允许开发者使用breakpoints自定义修改断点的取值范围，最多支持6个断点，除了默认的四个断点外， @@ -55,10 +55,10 @@ 表示启用xs、sm、md共3个断点，小于100vp为xs，100vp-200vp为sm，大于200vp为md。 ```ts - breakpoints: {value: ["320vp", "520vp", "840vp", "1080vp"]} + breakpoints: {value: ["320vp", "600vp", "840vp", "1080vp"]} ``` - 表示启用xs、sm、md、lg、xl共5个断点，小于320vp为xs，320vp-520vp为sm，520vp-840vp为md，840vp-1080vp为lg，大于1080vp为xl。 + 表示启用xs、sm、md、lg、xl共5个断点，小于320vp为xs，320vp-600vp为sm，600vp-840vp为md，840vp-1080vp为lg，大于1080vp为xl。 - 栅格系统通过监听窗口或容器的尺寸变化进行断点，通过reference设置断点切换参考物。 考虑到应用可能以非全屏窗口的形式显示，以应用窗口宽度为参照物更为通用。 -- GitLab