更新记录

1.0.0（2023-04-06） 下载此版本

可自定义图标的拖拽进度条

平台兼容性

组件属性

组件事件

使用说明

<template>
    <view class="slider">
        <yhdslSlider :color="slider.color" :min="slider.min" :max="slider.max" :icon="slider.icon" :text_color="slider.text_color" :text_fs="slider.text_fs" :icon_w="slider.icon_w" @change="change"></yhdslSlider>
    </view>
</template>

<script>
import yhdslSlider from '@/components/yhdsl-slider/yhdsl-slider.vue';
export default {
    data() {
        return {
            slider: {
                color: '#89f6ac',
                min: 0,
                max: 110,
                icon: 'https://web-assets.dcloud.net.cn/unidoc/zh/hx.png',
                icon_w: '50rpx',
                text_color: '#89f6ac',
                text_fs: '28rpx'
            }
        };
    },
    components: {
        yhdslSlider
    },
    methods:{
        change(val){
            console.log(val)
        }
    }
};
</script>

<style scoped lang="scss">
.slider {
    padding-top: 100px;
}
</style>