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
|
|||
|
}
|
|||
|
}
|
|||
|
}
|