Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
9f2301a2
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看板
提交
9f2301a2
编写于
6月 20, 2023
作者:
D
duangavin123
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
新增案例
Signed-off-by:
N
duangavin123
<
duanxichao@huawei.com
>
上级
993a115e
变更
2
显示空白变更内容
内联
并排
Showing
2 changed file
with
16 addition
and
16 deletion
+16
-16
zh-cn/third-party-cases/collapse-and-expand.md
zh-cn/third-party-cases/collapse-and-expand.md
+16
-16
zh-cn/third-party-cases/figures/collapse_and_expand.gif
zh-cn/third-party-cases/figures/collapse_and_expand.gif
+0
-0
未找到文件。
zh-cn/third-party-cases/collapse-and-expand.md
浏览文件 @
9f2301a2
...
...
@@ -53,9 +53,9 @@
.margin({ bottom: 30 })
Column() {
RowItem({ props: { title: '
英雄', name1: '孙悟空', name2: '蛮族之王
', name3: '武器大师' } })
RowItem({ props: { title: '
AAAAA', name1: 'BBBBB', name2: 'CCCCC
', name3: '武器大师' } })
// 文本折叠时,type为DOWN
RowItem({ props: { name1: '
伊泽瑞尔', name2: '加里奥', name3: '卡特琳娜
', type: 'DOWN', onFlagChange: this.onFlagChange } })
RowItem({ props: { name1: '
DDDDD', name2: 'EEEEE', name3: 'FFFFF
', type: 'DOWN', onFlagChange: this.onFlagChange } })
//被折叠的文本内容
...
...
...
@@ -73,11 +73,11 @@
```
ts
CollapseAndExpand
({
items
:
[
{
id
:
0
,
name1
:
'
潮汐海灵
'
,
name2
:
'
暗夜猎手
'
,
name3
:
'
厄斐琉斯
'
},
{
id
:
1
,
name1
:
'
涤魂圣枪
'
,
name2
:
'
圣枪游侠
'
,
name3
:
'
法外狂徒
'
},
{
id
:
2
,
name1
:
'
北地之怒
'
,
name2
:
'
不羁之悦
'
,
name3
:
'
傲之追猎者
'
},
{
id
:
0
,
name1
:
'
GGGGG
'
,
name2
:
'
HHHHH
'
,
name3
:
'
JJJJJ
'
},
{
id
:
1
,
name1
:
'
KKKKK
'
,
name2
:
'
LLLLL
'
,
name3
:
'
MMMMM
'
},
{
id
:
2
,
name1
:
'
NNNNN
'
,
name2
:
'
OOOOO
'
,
name3
:
'
PPPPP
'
},
// 文本展开时,type为UP
{
id
:
3
,
name1
:
'
艾瑞莉娅
'
,
name2
:
'
战争之影
'
,
name3
:
'
时间刺客
'
,
type
:
'
UP
'
,
onFlagChange
:
this
.
onFlagChange
}
{
id
:
3
,
name1
:
'
QQQQQ
'
,
name2
:
'
RRRRR
'
,
name3
:
'
SSSSS
'
,
type
:
'
UP
'
,
onFlagChange
:
this
.
onFlagChange
}
],
})
```
...
...
@@ -206,12 +206,12 @@ struct CollapseAndExpandDemo {
Column
()
{
RowItem
({
props
:
{
title
:
'
英雄
'
,
name1
:
'
孙悟空
'
,
name2
:
'
蛮族之王
'
,
name3
:
'
武器大师
'
}
})
props
:
{
title
:
'
英雄
'
,
name1
:
'
AAAAA
'
,
name2
:
'
BBBBB
'
,
name3
:
'
CCCCC
'
}
})
RowItem
({
props
:
{
name1
:
'
伊泽瑞尔
'
,
name2
:
'
加里奥
'
,
name3
:
'
卡特琳娜
'
,
name1
:
'
DDDDD
'
,
name2
:
'
EEEEE
'
,
name3
:
'
FFFFF
'
,
// 文本折叠时,type为DOWN
type
:
'
DOWN
'
,
onFlagChange
:
this
.
onFlagChange
...
...
@@ -220,13 +220,13 @@ struct CollapseAndExpandDemo {
// 直接调用折叠展开组件
CollapseAndExpand
({
items
:
[
{
id
:
0
,
name1
:
'
潮汐海灵
'
,
name2
:
'
暗夜猎手
'
,
name3
:
'
厄斐琉斯
'
},
{
id
:
1
,
name1
:
'
涤魂圣枪
'
,
name2
:
'
圣枪游侠
'
,
name3
:
'
法外狂徒
'
},
{
id
:
2
,
name1
:
'
北地之怒
'
,
name2
:
'
不羁之悦
'
,
name3
:
'
傲之追猎者
'
},
{
id
:
0
,
name1
:
'
GGGGG
'
,
name2
:
'
HHHHH
'
,
name3
:
'
JJJJJ
'
},
{
id
:
1
,
name1
:
'
KKKKK
'
,
name2
:
'
LLLLL
'
,
name3
:
'
MMMMM
'
},
{
id
:
2
,
name1
:
'
NNNNN
'
,
name2
:
'
OOOOO
'
,
name3
:
'
PPPPP
'
},
{
id
:
3
,
name1
:
'
艾瑞莉娅
'
,
name2
:
'
战争之影
'
,
name3
:
'
时间刺客
'
,
name1
:
'
QQQQQ
'
,
name2
:
'
RRRRR
'
,
name3
:
'
SSSSS
'
,
// 文本折叠时,type为UP
type
:
'
UP
'
,
onFlagChange
:
this
.
onFlagChange
}
...
...
zh-cn/third-party-cases/figures/collapse_and_expand.gif
查看替换文件 @
993a115e
浏览文件 @
9f2301a2
343.6 KB
|
W:
|
H:
322.3 KB
|
W:
|
H:
2-up
Swipe
Onion skin
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录