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.
136 lines
2.9 KiB
136 lines
2.9 KiB
export default {
|
|
props: {
|
|
// 列表数组，元素可为字符串，如为对象可通过keyName指定目标属性名
|
|
list: {
|
|
type: Array,
|
|
default: () => []
|
|
},
|
|
// 是否显示面板指示器
|
|
indicator: {
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
// 指示器非激活颜色
|
|
indicatorActiveColor: {
|
|
type: String,
|
|
default: '#fff'
|
|
},
|
|
// 指示器的激活颜色
|
|
indicatorInactiveColor: {
|
|
type: String,
|
|
default: 'rgba(255, 255, 255, 0.35)'
|
|
},
|
|
// 指示器样式，可通过bottom，left，right进行定位
|
|
indicatorStyle: {
|
|
type: [String, Object],
|
|
default: ''
|
|
},
|
|
// 指示器模式，line-线型，dot-点型
|
|
indicatorMode: {
|
|
type: String,
|
|
default: 'line'
|
|
},
|
|
// 是否自动切换
|
|
autoplay: {
|
|
type: Boolean,
|
|
default: true
|
|
},
|
|
// 当前所在滑块的 index
|
|
current: {
|
|
type: [String, Number],
|
|
default: 0
|
|
},
|
|
// 当前所在滑块的 item-id ，不能与 current 被同时指定
|
|
currentItemId: {
|
|
type: String,
|
|
default: ''
|
|
},
|
|
// 滑块自动切换时间间隔
|
|
interval: {
|
|
type: [String, Number],
|
|
default: 3000
|
|
},
|
|
// 滑块切换过程所需时间
|
|
duration: {
|
|
type: [String, Number],
|
|
default: 300
|
|
},
|
|
// 播放到末尾后是否重新回到开头
|
|
circular: {
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
// 滑动方向是否为纵向
|
|
vertical: {
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
// 前边距，可用于露出前一项的一小部分，nvue和支付宝不支持
|
|
previousMargin: {
|
|
type: [String, Number],
|
|
default: 0
|
|
},
|
|
// 后边距，可用于露出后一项的一小部分，nvue和支付宝不支持
|
|
nextMargin: {
|
|
type: [String, Number],
|
|
default: 0
|
|
},
|
|
// 当开启时，会根据滑动速度，连续滑动多屏，支付宝不支持
|
|
acceleration: {
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
// 同时显示的滑块数量，nvue、支付宝小程序不支持
|
|
displayMultipleItems: {
|
|
type: Number,
|
|
default: 1
|
|
},
|
|
// 指定swiper切换缓动动画类型，有效值：default、linear、easeInCubic、easeOutCubic、easeInOutCubic
|
|
// 只对微信小程序有效
|
|
easingFunction: {
|
|
type: String,
|
|
default: 'default'
|
|
},
|
|
// list数组中指定对象的目标属性名
|
|
keyName: {
|
|
type: String,
|
|
default: 'url'
|
|
},
|
|
// 图片的裁剪模式
|
|
imgMode: {
|
|
type: String,
|
|
default: 'aspectFill'
|
|
},
|
|
// 组件高度
|
|
height: {
|
|
type: [String, Number],
|
|
default: 130
|
|
},
|
|
// 背景颜色
|
|
bgColor: {
|
|
type: String,
|
|
default: '#f3f4f6'
|
|
},
|
|
// 组件圆角，数值或带单位的字符串
|
|
radius: {
|
|
type: [String, Number],
|
|
default: 4
|
|
},
|
|
// 是否加载中
|
|
loading: {
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
// 是否显示标题，要求数组对象中有title属性
|
|
showTitle: {
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
// 显示的标题样式
|
|
titleStyle: {
|
|
type: [Object, String],
|
|
default: ''
|
|
},
|
|
...uni.$uv?.props?.swiper
|
|
}
|
|
}
|