136 lines
2.9 KiB
JavaScript
136 lines
2.9 KiB
JavaScript
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
|
||
}
|
||
} |