更新记录

1.0.8(2023-08-17) 下载此版本

  1. 修复只有一条数据切换时可能存在位置错误的BUG

1.0.7(2023-07-22) 下载此版本

  1. 避免快速切换报错的BUG

1.0.6(2023-07-17) 下载此版本

  1. 优化文档
  2. 优化其他
查看更多

平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.1.0 app-vue app-nvue ×
钉钉小程序 快手小程序 飞书小程序 京东小程序 鸿蒙元服务
× × × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

Waterfall 瀑布流

组件名:uv-waterfall

该组件主要用于瀑布流式布局显示,视觉表现为参差不齐的多栏布局,随着页面滚动条向下滚动,这种布局还会不断加载数据块并附加至当前尾部,同时集成nvue的原生瀑布流用于app-nvue。常用于一些电商商品展示等,如某宝首页、x红书等。

研究uniapp瀑布流多年,该方式是目前小程序端最佳方案,灵活配置,简单易用,开箱即用。

该插件请根据文档耐心查看,vue的写法稍微麻烦点,但是效果是很好的,比之前上线的两个版本的瀑布流适用,更有扩展性,我自己的上线项目也是用的此插件。

查看文档

下载完整示例项目

更多插件,请关注uv-ui组件库

image

如使用过程中有任何问题反馈,或者您对uv-ui有一些好的建议,欢迎加入uv-ui官方交流群:官方QQ群

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议
181***@qq.com

2025-02-08

为什么图片的宽高要写死呢

253***@qq.com

2025-01-03

不能取消图片显示 只展示自定义部分吗

254***@qq.com

2024-08-07

请问删除之后如何自动排列

121***@qq.com

2024-08-03

请问 异步修改内容是怎么做的 有无demo

764***@qq.com

2024-07-27

有没有组合式api的文档啊,this[e.name]这种vue2的写法,用组合式api应该怎么写?

343***@qq.com

2024-07-26

280***@qq.com

2024-07-12

插件在app运行,当瀑布流的页面跳转另外一个页面在跳转回来,瀑布流的数据会出现左边三条,右边只有一条数据,onHide里面也停止渲染了

193***@qq.com

2024-06-13

微信小程序当我快速滑动加载更多的数据的时候还会导致数据全部在右边或者左边,还可能会报错:TypeError: nVal.slice is not a function at Proxy.copyValue (uv-waterfall.js? [sm]:60) at callWithErrorHandling (vendor.js? [sm]:3614) at callWithAsyncErrorHandling (vendor.js? [sm]:3621) at job (vendor.js? [sm]:4267) at flushPreFlushCb

我爱吃飞鱼

2024-05-22

设置3列的时候,第三列第1个排版有问题,(抖音平台)

雪花

2024-05-15

scroll-view使用滚动到底的方法时,v-model的数据在滚动过程中汇变成scroll的返回值e的内容