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