2025-06-06 03:08:19 +08:00

1.3 KiB
Raw Blame History

一个兼容全端的瀑布流组件,最快的显示速度,性能优秀

觉得不错给个5星好评吧

QQ交流群加群持续更新 607391225

QQ交流群

点击跳转-本插件示例

点击跳转-5年的web前端开源的uni-app快速开发模板-下载看文档

使用时不懂的请看上面链接的插件示例

complete_waterfall_goods.vuestable_waterfall_goods.vue页面介绍

view部分根据自己的需求修改

<script>
js部分有以下配置需要填写修改的
const defaultData = {
	// 起始距离rpx
	startTop: 20,
	// 除了图片和标题以外的高度rpx
	contentHeight: 40 + 32 + 20 + 30 + 60,
	// 瀑布流列表块宽度rpx
	viewWidth: 344,
	// 标题可显示宽度rpx
	titleWidth: 300,
	// 标题文字大小rpx
	titleSize: 28,
	// 列表块之间的间隔Y轴rpx
	viewSpace: 20,
	// 列表ID参数名称
	idName: "objId",
	// 列表标题参数名称
	titleName: "name",
};
props部分
list 列表数据,每次分页都更新
js其他部分基本上不需要修改已经配置到defaultData里面了