props.js
4.1 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
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
}
}
}