You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
69 lines
1.3 KiB
69 lines
1.3 KiB
export default {
|
|
props: {
|
|
// 瀑布流数据
|
|
// #ifdef VUE2
|
|
value: {
|
|
type: Array,
|
|
default: () => []
|
|
},
|
|
// #endif
|
|
// #ifdef VUE3
|
|
modelValue: {
|
|
type: Array,
|
|
default: () => []
|
|
},
|
|
// #endif
|
|
// 数据的id值，根据id值对数据执行删除操作
|
|
// 如数据为：{id: 1, name: 'uv-ui'}，那么该值设置为id
|
|
idKey: {
|
|
type: String,
|
|
default: 'id'
|
|
},
|
|
// 每次插入数据的事件间隔，间隔越长能保证两列高度相近，但是用户体验不好，单位ms
|
|
addTime: {
|
|
type: Number,
|
|
default: 200
|
|
},
|
|
// 瀑布流的列数，默认2，最高为5
|
|
columnCount: {
|
|
type: [Number, String],
|
|
default: 2
|
|
},
|
|
// 列与列的间隙，默认20
|
|
columnGap: {
|
|
type: [Number, String],
|
|
default: 20
|
|
},
|
|
// 左边和列表的间隙
|
|
leftGap: {
|
|
type: [Number, String],
|
|
default: 0
|
|
},
|
|
// 右边和列表的间隙
|
|
rightGap: {
|
|
type: [Number, String],
|
|
default: 0
|
|
},
|
|
// 是否显示滚动条，仅nvue生效
|
|
showScrollbar: {
|
|
type: [Boolean],
|
|
default: false
|
|
},
|
|
// 列宽，nvue生效
|
|
columnWidth: {
|
|
type: [Number, String],
|
|
default: 'auto'
|
|
},
|
|
// 瀑布流的宽度，nvue生效
|
|
width: {
|
|
type: [Number, String],
|
|
default: ''
|
|
},
|
|
// 瀑布流的高度，nvue生效
|
|
height: {
|
|
type: [Number, String],
|
|
default: ''
|
|
},
|
|
...uni.$uv?.props?.waterfall
|
|
}
|
|
}
|