mirror of
				https://gitee.com/hhyykk/ipms-sjy.git
				synced 2025-11-04 20:28:44 +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
							 | 
						|||
| 
								 | 
							
								        }
							 | 
						|||
| 
								 | 
							
								    }
							 | 
						|||
| 
								 | 
							
								}
							 |