|
|
import { defineMixin } from '../../libs/vue' import defProps from '../../libs/config/props.js' export const props = defineMixin({ 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 } } })
|