39 lines
1.3 KiB
Markdown
39 lines
1.3 KiB
Markdown
# 一个兼容全端的瀑布流组件，最快的显示速度，性能优秀
|
||
### `觉得不错，给个5星好评吧`
|
||
|
||
### QQ交流群（加群持续更新） 607391225
|
||
|
||
|
||
# [点击跳转-本插件示例](https://ext.dcloud.net.cn/plugin?id=2009)
|
||
# [点击跳转-5年的web前端开源的uni-app快速开发模板-下载看文档](https://ext.dcloud.net.cn/plugin?id=2009)
|
||
|
||
### 使用时不懂的请看上面链接的插件示例
|
||
|
||
### `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里面了
|
||
```
|