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