更新记录

1.0.0（2026-01-06） 下载此版本

首次发布

平台兼容性

uni-app(4.85)

uni-app x(4.85)

zero-number-slider

一个丝滑的滑动刻度尺组件（Vue2/Vue3），支持自定义范围、步长、单位及主题色。

1. 使用方法

导入 uni_modules 后直接使用即可

<template>
    <view class="container">
        <view class="title">选择身高</view>
        <zero-number-slider 
            v-model="height" 
            :min="50" 
            :max="250" 
            unit="cm" 
            :step="10" 
            :scale="1" 
            @change="onChange"
        />

        <view class="title" style="margin-top: 50rpx;">选择体重</view>
        <zero-number-slider 
            v-model="weight" 
            :min="10" 
            :max="200" 
            unit="kg" 
            :step="5" 
            :scale="0.1" 
            active-color="#ff9900"
        />
    </view>
</template>

<script>
export default {
    data() {
        return {
            height: 175,
            weight: 70.5
        }
    },
    methods: {
        onChange(val) {
            console.log('当前选择值：', val);
        }
    }
}
</script>

<style>
.container {
    padding: 30rpx;
}
.title {
    font-size: 32rpx;
    font-weight: bold;
    margin-bottom: 20rpx;
}
</style>

2. 参数说明

3. 事件说明