gree_leran/node_modules/uview-plus/components/u-swiper/props.js

127 lines
4.2 KiB
JavaScript
Raw Normal View History

2024-06-14 01:11:29 +00:00
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
},
// 指示器样式可通过bottomleftright进行定位
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
}
}
}