更新记录

1.1.0（2021-04-02）

1. 删除defaultNum默认值属性，增加v-model双向绑定，设置值和获取值更方便；
2. 旧版本的defaultNum设置后，通过this.$refs.slide.initSlide()方法也能重新渲染；
3. 感谢大家提出宝贵意见，因工作关系没有及时更新插件。

1.0.1（2020-02-23）

初次上传。

平台兼容性

slide-choose-uniapp

uniapp滑动刻度选择组件

介绍

uniapp滑动刻度选择组件

软件架构

基于uniapp

已测试的适配端：微信小程序，安卓app-vue, h5网页。
已测试不适合的端：app-nvue。
其它未测试。

使用说明

提取components里的文件。

// template

        <slide-choose :width="100" :bigItemWidth="5" :littleItemWidth="5" @change="chooseChange" v-model="value" height="300rpx"
         :cellWidth="20" :cells="5" :cellNum="0.5" :startNum="10" :endNum="30" bgColor="linear-gradient(to right, #b0a4e3, #801dae)"
         color="#fff" :bigItemHeight="40" :littleItemHeight="20" selColor="#0ff" align="center" numPos="top" ref="slide"></slide-choose>

    // script

<script>
    import slideChoose from '@/components/dlm-slide-choose/dlm-slide-choose.vue';
    export default {
        components: {
            slideChoose
        },
        data() {
            return {
                value: 18
            }
        },
        onLoad() {

        },
        methods: {
            chooseChange(e) {
                console.log(e)
            }
        }
    }
</script>

目前已支持v-model双向绑定，修改v-model值即可自动滑动刻度。如果需要修改startNum、endNum等其它属性值，请修改后通过ref调用初始化方法重新渲染：this.$refs.slide.initSlide()

props 列表

所有props属性均非必填。

event 事件

寄语

兴趣使然的程序员。
如有错误，请指教提出。
如能帮到你，请点击右上角⭐star。谢谢