yl-view
Version:
一个基于uniapp的ui框架
83 lines • 2.19 kB
JavaScript
export default {
props: {
// 列表数组，元素可为字符串，如为对象可通过keyName指定目标属性名
list: {
type: Array,
default: _=>[]
},
// line dots index type
type:{
type:String,
default:'dots'
},
// 是否显示面板指示器
indicator: {
type: Boolean,
default: false
},
// 指示器非激活颜色
indicatorActiveColor: {
type: String,
default: 'rgba(0, 0, 0, .3)'
},
// 指示器的激活颜色
indicatorInactiveColor: {
type: String,
default: '#000000'
},
// 是否自动切换
autoplay: {
type: Boolean,
default: true
},
// 当前所在滑块的 index
current: {
type: [String, Number],
default:0
},
// 当前所在滑块的 item-id ，不能与 current 被同时指定
currentItemId: {
type: String,
default: ''
},
// 滑块自动切换时间间隔
interval: {
type: [String, Number],
default: 5000
},
// 滑块切换过程所需时间
duration: {
type: [String, Number],
default: 500
},
// 播放到末尾后是否重新回到开头
circular: {
type: Boolean,
default: true
},
// 前边距，可用于露出前一项的一小部分，nvue和支付宝不支持
previousMargin: {
type: String,
default: '0rpx'
},
// 后边距，可用于露出后一项的一小部分，nvue和支付宝不支持
nextMargin: {
type: String,
default: '0rpx'
},
// 当开启时，会根据滑动速度，连续滑动多屏，支付宝不支持
acceleration: {
type: Boolean,
default: false
},
dotsWidth:{
type:String,
default:'12rpx'
},
// swiper高度
height:{
type:String,
default:'300rpx'
}
}
}