更新记录
1.0.1(2020-07-09)
下载此版本
修复 瀑布流插件商品ID10000以上渲染卡
1.0.0(2020-06-29)
下载此版本
发布
平台兼容性
HbuilderX/cli最低兼容版本 |
2.6.10 |
uni-app
app-vue |
app-nvue |
app-android |
app-ios |
? |
? |
? |
? |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
? |
? |
? |
? |
? |
? |
? |
? |
? |
uni-app x
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
一个兼容全端的瀑布流组件,最快的显示速度,性能优秀
觉得不错,给个5星好评吧
QQ交流群(607391225) |
微信交流群(加我好友备注"进群") |
|
|
QQ群号:607391225 |
微信号:zhou0612wei |
使用时不懂的请看上面链接的插件示例
complete_waterfall_goods.vue
和stable_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里面了