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