mosowe-slider 滑块

uniapp/uni_modules组件

下载地址

TIP

仅限移动端，web端无效，右侧示例不会触发touch事件，请扫码查看。

兼容性

平台	android	ios	微信小程序	H5
兼容	√	√	√	√

props

属性	类型	说明	默认
modelValue	number	v-model 当前值	0
max	number	最大值	100
min	number	最小值	0
center	number	原点位置值	0
middle	boolean	以center为中心左右等分	false
sorption	boolean	吸附，步长过大时，滑块移动值不能及时变化，可以使用吸附	false
toFixed	number	小数位	0
negativeColor	string	center左侧滑动时覆盖区域背景色	#EA5939
positiveColor	string	center右侧滑动时覆盖区域背景色	#6CCEAE
defaultColor	string	slider槽及min/max背景色颜色	#E4EDEB
defaultTextColor	string	min/max文本颜色	rgba(19, 25, 54, 0.25)

示例代码

<template>
    <mosowe-slider v-model="value"></mosowe-slider>     <mosowe-slider
    v-model="value"
    :center="50"
  ></mosowe-slider>
</template>

<script setup lang="ts">
  import { ref } from 'vue';
  const value = ref(10);
</script>

贡献者

mosowe