更新记录

1.0.3（2019-12-20）

修改app中样式不兼容问题

1.0.2（2019-12-20）

添加线间距参数

1.0.1（2019-11-21）

修复同一页面多个组件，初始值不生效的问题

平台兼容性

可拖进示例项目运行

组件简介

滑动取值的组件

参数及用法

<template>
    <view class="content">
        <scroll-choose @scroll="scroll" :scrollStart="scrollStart" :scrollEnd="scrollEnd" :scrollLeft="scrollLeft" :maginL="maginL"></scroll-choose>
        <view>
            {{scrollLeftNow}}
        </view>
    </view>
</template>

import scrollChoose from '@/components/scroll-choose/scroll-choose.vue'
export default {
    components:{
        scrollChoose,
    },
    data() {
        return {
            scrollLeftNow: 62,//页面显示
            scrollLeft: 62,//初始值
            scrollStart: 50,//滚动区域起始值
            scrollEnd: 230,//滚动区域终止值
            maginL: 5,//线间距
        }
    },
    methods: {
        /**
         * 滑动时触发
         */
        scroll(val){
            this.scrollLeftNow = val;
        }
    }
}

注意

项目用到大概做了下，大家有什么建议都可以提一下