Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
没有积善却想登上天堂
unidocs-zh
提交
5f8819ea
U
unidocs-zh
项目概览
没有积善却想登上天堂
/
unidocs-zh
与 Fork 源项目一致
Fork自
DCloud / unidocs-zh
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
unidocs-zh
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
5f8819ea
编写于
10月 18, 2022
作者:
Anne_LXM
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Update waterfall.md
上级
c1899ce8
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
6 addition
and
6 deletion
+6
-6
docs/component/waterfall.md
docs/component/waterfall.md
+6
-6
未找到文件。
docs/component/waterfall.md
浏览文件 @
5f8819ea
...
...
@@ -6,7 +6,7 @@ app端nvue专用组件。
在nvue中,使用普通view做瀑布流,无法实现复用和不可见渲染资源释放。使用
`<waterfall>`
组件且指定
`cell`
后,原生引擎会自动优化性能。
```
```
html
<template>
<waterfall
column-count=
"2"
column-width=
"auto"
>
<cell
v-for=
"num in lists"
>
...
...
@@ -46,16 +46,16 @@ app端nvue专用组件。
-
column-width :
`[可选]`
描述瀑布流每一列的列宽
-
`auto`
: 意味着列宽是被其他属性所决定的(比如 column-count)
-
`<length>`
: 最佳列宽,实际的列宽可能会更宽(需要填充剩余的空间), 或者更窄(如果剩余空间比列宽还要小)。 该值必须大于0
-
column-gap:
[可选]
列与列的间隙. 如果指定了
`normal`
,则对应 32.
-
left-gap:
[可选]
左边cell和列表的间隙. 如果未指定 ,则对应
`0`
-
right-gap:
[可选]
右边cell和列表的间隙. 如果未指定,则对应
`0`
-
column-gap:
`[可选]`
列与列的间隙. 如果指定了
`normal`
,则对应 32.
-
left-gap:
`[可选]`
左边cell和列表的间隙. 如果未指定 ,则对应
`0`
-
right-gap:
`[可选]`
右边cell和列表的间隙. 如果未指定,则对应
`0`
<img
src=
"https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-uni-app-doc/e78b5450-4f2e-11eb-b680-7980c8a877b8.png"
/>
-
always-scrollable-vertical :
`[可选]`
可选值为 true/ false,默认值为 false,iOS 平台,内容不满一屏无法触发下拉刷新时需要设置为true,因为默认子视图高度不超过父视图高度的时候 waterfall 不能滑动
其他支持的属性参见
`<list>`
组件属性部分
其他支持的属性参见
`<list>`
[
组件属性部分
](
https://uniapp.dcloud.net.cn/component/list.html
)
#### 事件
支持所有
通用事件
:
支持所有
[
通用事件
](
https://uniapp.dcloud.net.cn/tutorial/nvue-event.html
)
:
-
click:用于监听点击事件。(例如:一般绑定于子组件之上触发跳转)。
-
longpress:用于监听长按事件(一般绑定于子组件之上例如:长按可删除)。
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录