gree_leran/node_modules/uview-plus/components/u-list/props.js

101 lines
3.5 KiB
JavaScript
Raw Normal View History

2024-06-14 01:11:29 +00:00
import defProps from '../../libs/config/props.js';
export default {
props: {
// 控制是否出现滚动条仅nvue有效
showScrollbar: {
type: Boolean,
default: () => defProps.list.showScrollbar
},
// 距底部多少时触发scrolltolower事件
lowerThreshold: {
type: [String, Number],
default: () => defProps.list.lowerThreshold
},
// 距顶部多少时触发scrolltoupper事件非nvue有效
upperThreshold: {
type: [String, Number],
default: () => defProps.list.upperThreshold
},
// 设置竖向滚动条位置
scrollTop: {
type: [String, Number],
default: () => defProps.list.scrollTop
},
// 控制 onscroll 事件触发的频率仅nvue有效
offsetAccuracy: {
type: [String, Number],
default: () => defProps.list.offsetAccuracy
},
// 启用 flexbox 布局。开启后当前节点声明了display: flex就会成为flex container并作用于其孩子节点仅微信小程序有效
enableFlex: {
type: Boolean,
default: () => defProps.list.enableFlex
},
// 是否按分页模式显示List默认值false
pagingEnabled: {
type: Boolean,
default: () => defProps.list.pagingEnabled
},
// 是否允许List滚动
scrollable: {
type: Boolean,
default: () => defProps.list.scrollable
},
// 值应为某子元素idid不能以数字开头
scrollIntoView: {
type: String,
default: () => defProps.list.scrollIntoView
},
// 在设置滚动条位置时使用动画过渡
scrollWithAnimation: {
type: Boolean,
default: () => defProps.list.scrollWithAnimation
},
// iOS点击顶部状态栏、安卓双击标题栏时滚动条返回顶部只对微信小程序有效
enableBackToTop: {
type: Boolean,
default: () => defProps.list.enableBackToTop
},
// 列表的高度
height: {
type: [String, Number],
default: () => defProps.list.height
},
// 列表宽度
width: {
type: [String, Number],
default: () => defProps.list.width
},
// 列表前后预渲染的屏数1代表一个屏幕的高度1.5代表1个半屏幕高度
preLoadScreen: {
type: [String, Number],
default: () => defProps.list.preLoadScreen
},
// 开启自定义下拉刷新
refresherEnabled: {
type: Boolean,
default: () => false
},
// 设置自定义下拉刷新阈值
refresherThreshold: {
type: Number,
default: () => 45
},
// 设置自定义下拉刷新默认样式,支持设置 blackwhitenonenone 表示不使用默认样式
refresherDefaultStyle: {
type: String,
default: () => 'black'
},
// 设置自定义下拉刷新区域背景颜色
refresherBackground: {
type: String,
default: () => '#FFF'
},
// 设置当前下拉刷新状态true 表示下拉刷新已经被触发false 表示下拉刷新未被触发
refresherTriggered: {
type: Boolean,
default: () => false
},
}
}