Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
9314a6a0
D
Docs
项目概览
OpenHarmony
/
Docs
大约 2 年 前同步成功
通知
161
Star
293
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看板
提交
9314a6a0
编写于
8月 29, 2022
作者:
X
xuzhidan
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Update SideBarContainer Demo
Signed-off-by:
N
xuzhidan
<
xuzhidan1@huawei.com
>
上级
6db947a4
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
12 addition
and
13 deletion
+12
-13
zh-cn/application-dev/reference/arkui-ts/figures/sidebarcontainer.png
...ation-dev/reference/arkui-ts/figures/sidebarcontainer.png
+0
-0
zh-cn/application-dev/reference/arkui-ts/ts-container-sidebarcontainer.md
...n-dev/reference/arkui-ts/ts-container-sidebarcontainer.md
+12
-13
未找到文件。
zh-cn/application-dev/reference/arkui-ts/figures/sidebarcontainer.png
查看替换文件 @
6db947a4
浏览文件 @
9314a6a0
17.7 KB
|
W:
|
H:
55.7 KB
|
W:
|
H:
2-up
Swipe
Onion skin
zh-cn/application-dev/reference/arkui-ts/ts-container-sidebarcontainer.md
浏览文件 @
9314a6a0
...
@@ -76,8 +76,8 @@ SideBarContainer( type?: SideBarContainerType )
...
@@ -76,8 +76,8 @@ SideBarContainer( type?: SideBarContainerType )
@
Entry
@
Entry
@
Component
@
Component
struct
SideBarContainerExample
{
struct
SideBarContainerExample
{
normalIcon
:
Resource
=
$r
(
"
app.media.
user
"
)
normalIcon
:
Resource
=
$r
(
"
app.media.
icon
"
)
selectedIcon
:
Resource
=
$r
(
"
app.media.
userFull
"
)
selectedIcon
:
Resource
=
$r
(
"
app.media.
icon
"
)
@
State
arr
:
number
[]
=
[
1
,
2
,
3
]
@
State
arr
:
number
[]
=
[
1
,
2
,
3
]
@
State
current
:
number
=
1
@
State
current
:
number
=
1
...
@@ -100,18 +100,17 @@ struct SideBarContainerExample {
...
@@ -100,18 +100,17 @@ struct SideBarContainerExample {
}.
width
(
'
100%
'
)
}.
width
(
'
100%
'
)
.
justifyContent
(
FlexAlign
.
SpaceEvenly
)
.
justifyContent
(
FlexAlign
.
SpaceEvenly
)
.
backgroundColor
(
'
#19000000
'
)
.
backgroundColor
(
'
#19000000
'
)
RowSplit
()
{
Column
(){
Text
(
'
Split page one
'
).
fontSize
(
30
)
Column
()
{
}.
justifyContent
(
FlexAlign
.
Center
)
Text
(
'
SideBarContainer content text1
'
).
fontSize
(
25
)
Column
(){
Text
(
'
SideBarContainer content text2
'
).
fontSize
(
25
)
Text
(
'
Split page two
'
).
fontSize
(
30
)
}
}.
justifyContent
(
FlexAlign
.
Center
)
.
margin
({
top
:
50
,
left
:
20
,
right
:
30
})
}.
width
(
'
100%
'
)
}
}
.
sideBarWidth
(
24
0
)
.
sideBarWidth
(
15
0
)
.
minSideBarWidth
(
21
0
)
.
minSideBarWidth
(
5
0
)
.
maxSideBarWidth
(
26
0
)
.
maxSideBarWidth
(
30
0
)
.
onChange
((
value
:
boolean
)
=>
{
.
onChange
((
value
:
boolean
)
=>
{
console
.
info
(
'
status:
'
+
value
)
console
.
info
(
'
status:
'
+
value
)
})
})
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录