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
| 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
| }
| }
| })
|
|
