Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
70bf2ab0
D
Docs
项目概览
OpenHarmony
/
Docs
大约 1 年 前同步成功
通知
159
Star
292
Fork
28
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
D
Docs
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
未验证
提交
70bf2ab0
编写于
2月 22, 2023
作者:
O
openharmony_ci
提交者:
Gitee
2月 22, 2023
浏览文件
操作
浏览文件
下载
差异文件
!14969 gridRow 默认断点调整 sm和md断点分界值从520调整为600
Merge pull request !14969 from Yujiadong/new2.21
上级
d282f3c2
9e2b9a16
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
7 addition
and
7 deletion
+7
-7
zh-cn/application-dev/reference/arkui-ts/ts-container-gridrow.md
...pplication-dev/reference/arkui-ts/ts-container-gridrow.md
+3
-3
zh-cn/application-dev/ui/ui-ts-layout-grid-container-new.md
zh-cn/application-dev/ui/ui-ts-layout-grid-container-new.md
+4
-4
未找到文件。
zh-cn/application-dev/reference/arkui-ts/ts-container-gridrow.md
浏览文件 @
70bf2ab0
...
...
@@ -61,15 +61,15 @@ GridRow(option?: {columns?: number | GridRowColumnOption, gutter?: Length | Gutt
| 参数名 | 参数类型 | 必填 | 参数描述 |
| ----- | ------ | ---- | ---------------------------------------- |
| value | Array
<
string
>
| 否 | 设置断点位置的单调递增数组。
<br>
默认值:["320vp", "
52
0vp", "840vp"] |
| value | Array
<
string
>
| 否 | 设置断点位置的单调递增数组。
<br>
默认值:["320vp", "
60
0vp", "840vp"] |
| reference | BreakpointsReference | 否 | 断点切换参照物。 |
```
ts
// 启用xs、sm、md共3个断点
breakpoints
:
{
value
:
[
"
100vp
"
,
"
200vp
"
]}
// 启用xs、sm、md、lg共4个断点,断点范围值必须单调递增
breakpoints
:
{
value
:
[
"
320vp
"
,
"
52
0vp
"
,
"
840vp
"
]}
breakpoints
:
{
value
:
[
"
320vp
"
,
"
60
0vp
"
,
"
840vp
"
]}
// 启用xs、sm、md、lg、xl共5个断点,断点范围数量不可超过断点可取值数量-1
breakpoints
:
{
value
:
[
"
320vp
"
,
"
52
0vp
"
,
"
840vp
"
,
"
1080vp
"
]}
breakpoints
:
{
value
:
[
"
320vp
"
,
"
60
0vp
"
,
"
840vp
"
,
"
1080vp
"
]}
```
## BreakpointsReference枚举类型
...
...
zh-cn/application-dev/ui/ui-ts-layout-grid-container-new.md
浏览文件 @
70bf2ab0
...
...
@@ -30,8 +30,8 @@
| 断点名称 | 取值范围(vp)|
| --------| ------ |
| xs | [0, 320) |
| sm | [320,
52
0) |
| md | [
52
0, 840) |
| sm | [320,
60
0) |
| md | [
60
0, 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
"
,
"
52
0vp
"
,
"
840vp
"
,
"
1080vp
"
]}
breakpoints
:
{
value
:
[
"
320vp
"
,
"
60
0vp
"
,
"
840vp
"
,
"
1080vp
"
]}
```
表示启用xs、sm、md、lg、xl共5个断点,小于320vp为xs,320vp-
520vp为sm,52
0vp-840vp为md,840vp-1080vp为lg,大于1080vp为xl。
表示启用xs、sm、md、lg、xl共5个断点,小于320vp为xs,320vp-
600vp为sm,60
0vp-840vp为md,840vp-1080vp为lg,大于1080vp为xl。
-
栅格系统通过监听窗口或容器的尺寸变化进行断点,通过reference设置断点切换参考物。 考虑到应用可能以非全屏窗口的形式显示,以应用窗口宽度为参照物更为通用。
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录