Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
a865f24f
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看板
提交
a865f24f
编写于
1月 01, 2023
作者:
X
xiexiyun
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
修复relative container用例编译问题
Signed-off-by:
N
xiexiyun
<
xiexiyun@huawei.com
>
上级
8c512bd4
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
52 addition
and
57 deletion
+52
-57
zh-cn/application-dev/reference/arkui-ts/ts-container-relativecontainer.md
...-dev/reference/arkui-ts/ts-container-relativecontainer.md
+52
-57
未找到文件。
zh-cn/application-dev/reference/arkui-ts/ts-container-relativecontainer.md
浏览文件 @
a865f24f
...
...
@@ -38,66 +38,61 @@ RelativeContainer()
@
Component
struct
Index
{
build
()
{
@
Entry
@
Component
struct
Index
{
build
()
{
Row
()
{
RelativeContainer
()
{
Row
().
width
(
100
).
height
(
100
)
.
backgroundColor
(
"
#FF3333
"
)
.
alignRules
({
top
:
{
anchor
:
"
__container__
"
,
align
:
VerticalAlign
.
Top
},
left
:
{
anchor
:
"
__container__
"
,
align
:
HorizontalAlign
.
Start
}
})
.
id
(
"
row1
"
)
Row
().
width
(
100
).
height
(
100
)
.
backgroundColor
(
"
#FFCC00
"
)
.
alignRules
({
top
:
{
anchor
:
"
__container__
"
,
align
:
VerticalAlign
.
Top
},
right
:
{
anchor
:
"
__container__
"
,
align
:
HorizontalAlign
.
End
}
})
.
id
(
"
row2
"
)
Row
().
height
(
100
)
.
backgroundColor
(
"
#FF6633
"
)
.
alignRules
({
top
:
{
anchor
:
"
row1
"
,
align
:
VerticalAlign
.
Bottom
},
left
:
{
anchor
:
"
row1
"
,
align
:
HorizontalAlign
.
End
},
right
:
{
anchor
:
"
row2
"
,
align
:
HorizontalAlign
.
Start
}
})
.
id
(
"
row3
"
)
Row
()
.
backgroundColor
(
"
#FF9966
"
)
.
alignRules
({
top
:
{
anchor
:
"
row3
"
,
align
:
VerticalAlign
.
Bottom
},
bottom
:
{
anchor
:
"
__container__
"
,
align
:
VerticalAlign
.
Bottom
},
left
:
{
anchor
:
"
__container__
"
,
align
:
HorizontalAlign
.
Start
},
right
:
{
anchor
:
"
row1
"
,
align
:
HorizontalAlign
.
End
}
})
.
id
(
"
row4
"
)
Row
()
.
backgroundColor
(
"
#FF66FF
"
)
.
alignRules
({
top
:
{
anchor
:
"
row3
"
,
align
:
VerticalAlign
.
Bottom
},
bottom
:
{
anchor
:
"
__container__
"
,
align
:
VerticalAlign
.
Bottom
},
left
:
{
anchor
:
"
row2
"
,
align
:
HorizontalAlign
.
Start
},
right
:
{
anchor
:
"
__container__
"
,
align
:
HorizontalAlign
.
End
}
})
.
id
(
"
row5
"
)
}
.
width
(
300
).
height
(
300
)
.
margin
({
left
:
100
})
.
border
({
width
:
2
,
color
:
"
#6699FF
"
})
}
.
height
(
'
100%
'
)
Row
()
{
RelativeContainer
()
{
Row
().
width
(
100
).
height
(
100
)
.
backgroundColor
(
"
#FF3333
"
)
.
alignRules
({
top
:
{
anchor
:
"
__container__
"
,
align
:
VerticalAlign
.
Top
},
left
:
{
anchor
:
"
__container__
"
,
align
:
HorizontalAlign
.
Start
}
})
.
id
(
"
row1
"
)
Row
().
width
(
100
).
height
(
100
)
.
backgroundColor
(
"
#FFCC00
"
)
.
alignRules
({
top
:
{
anchor
:
"
__container__
"
,
align
:
VerticalAlign
.
Top
},
right
:
{
anchor
:
"
__container__
"
,
align
:
HorizontalAlign
.
End
}
})
.
id
(
"
row2
"
)
Row
().
height
(
100
)
.
backgroundColor
(
"
#FF6633
"
)
.
alignRules
({
top
:
{
anchor
:
"
row1
"
,
align
:
VerticalAlign
.
Bottom
},
left
:
{
anchor
:
"
row1
"
,
align
:
HorizontalAlign
.
End
},
right
:
{
anchor
:
"
row2
"
,
align
:
HorizontalAlign
.
Start
}
})
.
id
(
"
row3
"
)
Row
()
.
backgroundColor
(
"
#FF9966
"
)
.
alignRules
({
top
:
{
anchor
:
"
row3
"
,
align
:
VerticalAlign
.
Bottom
},
bottom
:
{
anchor
:
"
__container__
"
,
align
:
VerticalAlign
.
Bottom
},
left
:
{
anchor
:
"
__container__
"
,
align
:
HorizontalAlign
.
Start
},
right
:
{
anchor
:
"
row1
"
,
align
:
HorizontalAlign
.
End
}
})
.
id
(
"
row4
"
)
Row
()
.
backgroundColor
(
"
#FF66FF
"
)
.
alignRules
({
top
:
{
anchor
:
"
row3
"
,
align
:
VerticalAlign
.
Bottom
},
bottom
:
{
anchor
:
"
__container__
"
,
align
:
VerticalAlign
.
Bottom
},
left
:
{
anchor
:
"
row2
"
,
align
:
HorizontalAlign
.
Start
},
right
:
{
anchor
:
"
__container__
"
,
align
:
HorizontalAlign
.
End
}
})
.
id
(
"
row5
"
)
}
.
width
(
300
).
height
(
300
)
.
margin
({
left
:
100
})
.
border
({
width
:
2
,
color
:
"
#6699FF
"
})
}
.
height
(
'
100%
'
)
}
}
```
![
relative container
](
figures/relativecontainer.png
)
\ No newline at end of file
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录