Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
京东前端
nutui-react
提交
ed48bfb0
N
nutui-react
项目概览
京东前端
/
nutui-react
通知
0
Star
2
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
N
nutui-react
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
ed48bfb0
编写于
8月 03, 2022
作者:
O
oasis-cloud
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
feat: vlist 国际化
上级
fec3c705
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
27 addition
and
7 deletion
+27
-7
src/packages/virtuallist/demo.tsx
src/packages/virtuallist/demo.tsx
+27
-7
未找到文件。
src/packages/virtuallist/demo.tsx
浏览文件 @
ed48bfb0
...
...
@@ -2,13 +2,33 @@ import React, { useCallback, useEffect, useState } from 'react'
import
Radio
from
'
@/packages/radio
'
import
Cell
from
'
@/packages/cell
'
import
CellGroup
from
'
@/packages/cellgroup
'
import
{
useTranslate
}
from
'
../../sites/assets/locale
'
import
VirtualList
from
'
./index
'
const
{
RadioGroup
}
=
Radio
// import './demo.scss'
const
ListDemo
=
()
=>
{
const
[
translated
]
=
useTranslate
<
any
>
({
'
zh-CN
'
:
{
text1
:
'
垂直等高
'
,
text2
:
'
垂直不等高
'
,
text3
:
'
水平等宽
'
,
text4
:
'
水平不等宽
'
,
},
'
zh-TW
'
:
{
text1
:
'
縱向等高
'
,
text2
:
'
縱向不等高
'
,
text3
:
'
水平等寬
'
,
text4
:
'
水平不等寬
'
,
},
'
en-US
'
:
{
text1
:
'
Vertical equal height
'
,
text2
:
'
Vertical unequal height
'
,
text3
:
'
Horizontal equal width
'
,
text4
:
'
Horizontal unequal width
'
,
},
})
const
[
sourceData
,
setsourceData
]
=
useState
<
any
>
([])
const
[
pageNo
,
setPageNo
]
=
useState
(
1
)
const
[
radioVal
,
setRadioVal
]
=
useState
(
'
1
'
)
...
...
@@ -35,14 +55,14 @@ const ListDemo = () => {
}
},
[
pageNo
])
const
ItemRender
=
({
data
}:
any
)
=>
{
return
<
p
>
我是-
{
data
}
</
p
>
return
<
p
>
{
data
}
</
p
>
}
const
ItemRenderMemo
=
React
.
memo
(
ItemRender
)
const
ItemVariable
=
({
data
,
index
}:
any
)
=>
{
return
(
<
p
className
=
{
index
%
2
===
0
?
''
:
'
nut-virtualList-demo-item
'
}
>
可变大小隔行展示-
{
data
}
{
data
}
</
p
>
)
}
...
...
@@ -125,10 +145,10 @@ const ListDemo = () => {
onChange
=
{
handleChange
}
direction
=
"horizontal"
>
<
Radio
value
=
"1"
>
垂直等高
</
Radio
>
<
Radio
value
=
"2"
>
垂直不等高
</
Radio
>
<
Radio
value
=
"3"
>
水平等宽
</
Radio
>
<
Radio
value
=
"4"
>
水平不等宽
</
Radio
>
<
Radio
value
=
"1"
>
{
translated
.
text1
}
</
Radio
>
<
Radio
value
=
"2"
>
{
translated
.
text2
}
</
Radio
>
<
Radio
value
=
"3"
>
{
translated
.
text3
}
</
Radio
>
<
Radio
value
=
"4"
>
{
translated
.
text4
}
</
Radio
>
</
RadioGroup
>
</
Cell
>
</
CellGroup
>
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录