From 6626266508e74d140866b6344f69cb46c299acae Mon Sep 17 00:00:00 2001 From: wanganxp Date: Sat, 28 Oct 2023 19:49:59 +0800 Subject: [PATCH] =?UTF-8?q?list=E6=96=87=E6=A1=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/uni-app-x/component/list-view.md | 42 +++++++++++++-------------- 1 file changed, 21 insertions(+), 21 deletions(-) diff --git a/docs/uni-app-x/component/list-view.md b/docs/uni-app-x/component/list-view.md index 675ab4c0b..20a266c59 100644 --- a/docs/uni-app-x/component/list-view.md +++ b/docs/uni-app-x/component/list-view.md @@ -4,13 +4,11 @@ 在App中，基于recycle-view的list，才能实现长列表的资源自动回收，以保障列表加载很多项目时，屏幕外的资源被有效回收。list-view就是基于recycle-view的list组件。 -每个list由1个父组件list-view及若干子组件list-item构成。 - -在list-item上使用v-for指令循环list-item，自动会回收屏幕外的列表项资源。 +每个list由1个父组件list-view及若干子组件list-item构成。仅有有限子组件可识别，[见下](#children-tags) list-view和scroll-view都是滚动组件，list适用于长列表场景，其他场景适用于scroll-view。 -注意: list-view仅识别list-item、sticky-header组件其他组件无法识别不能正常显示 +list-view支持通过子组件sticky-header处理吸顶的场景。 @@ -19,6 +17,8 @@ list-view和scroll-view都是滚动组件，list适用于长列表场景，其 ### 自定义下拉刷新样式 + +list-view组件有默认的下拉刷新样式，如果想自定义，则需使用自定义下拉刷新。 1. 设置`refresher-default-style`属性为 none 不使用默认样式 2. 设置 list-item 定义自定义下拉刷新元素并声明为 `slot="refresher"`，需要设置刷新元素宽高信息否则可能无法正常显示！ @@ -52,23 +52,6 @@ list-view和scroll-view都是滚动组件，list适用于长列表场景，其 - -## sticky-header - - - - - - - - - - - - - - - ## list-item @@ -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/-/tree/master/pages/template/long-list](https://gitcode.net/dcloud/hello-uni-app-x/-/tree/master/pages/template/long-list) + +## sticky-header + + + + + + + + + + + + + + + ### Bug & Tips@tips -- GitLab