Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
unidocs-zh
提交
66262665
unidocs-zh
项目概览
DCloud
/
unidocs-zh
通知
3178
Star
105
Fork
805
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
93
列表
看板
标记
里程碑
合并请求
68
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
unidocs-zh
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
93
Issue
93
列表
看板
标记
里程碑
合并请求
68
合并请求
68
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
66262665
编写于
10月 28, 2023
作者:
W
wanganxp
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
list文档
上级
dc33ba3b
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
21 addition
and
21 deletion
+21
-21
docs/uni-app-x/component/list-view.md
docs/uni-app-x/component/list-view.md
+21
-21
未找到文件。
docs/uni-app-x/component/list-view.md
浏览文件 @
66262665
...
@@ -4,13 +4,11 @@
...
@@ -4,13 +4,11 @@
在App中,基于recycle-view的list,才能实现长列表的资源自动回收,以保障列表加载很多项目时,屏幕外的资源被有效回收。list-view就是基于recycle-view的list组件。
在App中,基于recycle-view的list,才能实现长列表的资源自动回收,以保障列表加载很多项目时,屏幕外的资源被有效回收。list-view就是基于recycle-view的list组件。
每个list由1个父组件list-view及若干子组件list-item构成。
每个list由1个父组件list-view及若干子组件list-item构成。仅有有限子组件可识别,
[
见下
](
#children-tags
)
在list-item上使用v-for指令循环list-item,自动会回收屏幕外的列表项资源。
list-view和scroll-view都是滚动组件,list适用于长列表场景,其他场景适用于scroll-view。
list-view和scroll-view都是滚动组件,list适用于长列表场景,其他场景适用于scroll-view。
注意: list-view仅识别list-item、sticky-header组件其他组件无法识别不能正常显示
list-view支持通过子组件sticky-header处理吸顶的场景。
<!-- UTSCOMJSON.list-view.attrubute -->
<!-- UTSCOMJSON.list-view.attrubute -->
...
@@ -19,6 +17,8 @@ list-view和scroll-view都是滚动组件,list适用于长列表场景,其
...
@@ -19,6 +17,8 @@ list-view和scroll-view都是滚动组件,list适用于长列表场景,其
<!-- UTSCOMJSON.list-view.example -->
<!-- UTSCOMJSON.list-view.example -->
### 自定义下拉刷新样式
### 自定义下拉刷新样式
list-view组件有默认的下拉刷新样式,如果想自定义,则需使用自定义下拉刷新。
1.
设置
`refresher-default-style`
属性为 none 不使用默认样式
1.
设置
`refresher-default-style`
属性为 none 不使用默认样式
2.
设置 list-item 定义自定义下拉刷新元素并声明为
`slot="refresher"`
,需要设置刷新元素宽高信息否则可能无法正常显示!
2.
设置 list-item 定义自定义下拉刷新元素并声明为
`slot="refresher"`
,需要设置刷新元素宽高信息否则可能无法正常显示!
...
@@ -52,23 +52,6 @@ list-view和scroll-view都是滚动组件,list适用于长列表场景,其
...
@@ -52,23 +52,6 @@ list-view和scroll-view都是滚动组件,list适用于长列表场景,其
<!-- UTSCOMJSON.list-view.reference -->
<!-- UTSCOMJSON.list-view.reference -->
## sticky-header
<!-- UTSCOMJSON.sticky-header.description -->
<!-- UTSCOMJSON.sticky-header.attrubute -->
<!-- UTSCOMJSON.sticky-header.event -->
<!-- UTSCOMJSON.sticky-header.example -->
<!-- UTSCOMJSON.sticky-header.compatibility -->
<!-- UTSCOMJSON.sticky-header.children -->
<!-- UTSCOMJSON.sticky-header.reference -->
## list-item
## list-item
<!-- UTSCOMJSON.list-item.description -->
<!-- UTSCOMJSON.list-item.description -->
...
@@ -116,6 +99,23 @@ list-view和scroll-view都是滚动组件,list适用于长列表场景,其
...
@@ -116,6 +99,23 @@ list-view和scroll-view都是滚动组件,list适用于长列表场景,其
-
联网联表:
[
https://gitcode.net/dcloud/hello-uni-app-x/-/blob/master/pages/template/list-news/list-news.uvue
](
https://gitcode.net/dcloud/hello-uni-app-x/-/blob/master/pages/template/list-news/list-news.uvue
)
-
联网联表:
[
https://gitcode.net/dcloud/hello-uni-app-x/-/blob/master/pages/template/list-news/list-news.uvue
](
https://gitcode.net/dcloud/hello-uni-app-x/-/blob/master/pages/template/list-news/list-news.uvue
)
-
可左右滑动的多个列表:
[
https://gitcode.net/dcloud/hello-uni-app-x/-/tree/master/pages/template/long-list
](
https://gitcode.net/dcloud/hello-uni-app-x/-/tree/master/pages/template/long-list
)
-
可左右滑动的多个列表:
[
https://gitcode.net/dcloud/hello-uni-app-x/-/tree/master/pages/template/long-list
](
https://gitcode.net/dcloud/hello-uni-app-x/-/tree/master/pages/template/long-list
)
## sticky-header
<!-- UTSCOMJSON.sticky-header.description -->
<!-- UTSCOMJSON.sticky-header.attrubute -->
<!-- UTSCOMJSON.sticky-header.event -->
<!-- UTSCOMJSON.sticky-header.example -->
<!-- UTSCOMJSON.sticky-header.compatibility -->
<!-- UTSCOMJSON.sticky-header.children -->
<!-- UTSCOMJSON.sticky-header.reference -->
### Bug & Tips@tips
### Bug & Tips@tips
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录