props.js
2.63 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
import { defineMixin } from '../../libs/vue'
import defProps from '../../libs/config/props.js'
export const props = defineMixin({
props: {
// 最小可选值
min: {
type: [Number, String],
default: () => defProps.slider.min
},
// 最大可选值
max: {
type: [Number, String],
default: () => defProps.slider.max
},
// 步长，取值必须大于 0，并且可被(max - min)整除
step: {
type: [Number, String],
default: () => defProps.slider.step
},
// #ifdef VUE3
// 当前取值
modelValue: {
type: [String, Number],
default: () => defProps.slider.value
},
// #endif
// #ifdef VUE2
// 当前取值
value: {
type: [String, Number],
default: () => defProps.slider.value
},
// #endif
// 是否区间模式
isRange: {
type: Boolean,
default: false
},
// 双滑块时值
rangeValue: {
type: [Array],
default: [0, 0]
},
// 滑块右侧已选择部分的背景色
activeColor: {
type: String,
default: () => defProps.slider.activeColor
},
// 滑块左侧未选择部分的背景色
inactiveColor: {
type: String,
default: () => defProps.slider.inactiveColor
},
// 滑块的大小，取值范围为 12 - 28
blockSize: {
type: [Number, String],
default: () => defProps.slider.blockSize
},
// 滑块的颜色
blockColor: {
type: String,
default: () => defProps.slider.blockColor
},
// 用户对滑块的自定义颜色
blockStyle: {
type: Object,
default: () => defProps.slider.blockStyle
},
// 禁用状态
disabled: {
type: Boolean,
default: () => defProps.slider.disabled
},
// 是否显示当前的选择值
showValue: {
type: Boolean,
default: () => defProps.slider.showValue
},
// 是否渲染uni-app框架内置组件
useNative: {
type: Boolean,
default: () => defProps.slider.useNative
},
// 滑块高度
height: {
type: String,
default: () => defProps.slider.height
},
innerStyle: {
type: Object,
default: () => defProps.slider.innerStyle
},
}
})