ss707494 / slider-index

类似手机联系人里的滑动索引

slider-index

react组件 类似手机联系人滑动索引

Getting Started

npm install slider-index --save-dev

Basic Usage

<Slider touchMoveCallback={(e, index) => { location.hash = index;} }
                    index="H"
                    centerStyle="center"
                    rightListStyle="rList"
            />

Options

1. touchMoveCallback: e => { }, 滑动时回调函数
2. index: 'A', 初始化时默认选中元素
3. centerStyle:'', 中间弹窗样式名称
4. rightListStyle: '', 列表样式名称
5. rightListItemStyle: '', 列表元素样式名称
6. fontSizeInRight: '20', 列表中字体大小 单位px
7. fontSizeInCenter: '50', 列表中放大字体大小 单位px

Run Demo

npm i 
npm start

open http://localhost:8080