nuke-slider-neighbor
v0.1.2
Published
slider左右滑动带放大缩小功能
Downloads
9
Readme
SliderNeighbor
- category: UI
- chinese: 左右滑动slider
- type: UI组件
API
|名称|类型|默认值|描述| |:---------------|:--------|:----|:----------| |width|String|'750rem'|组件宽度(必填)| |height|String|'460rem'|组件高度(必填)| |autoPlay|boolean|false|是否自动播放| |autoplayTimeout|String|'3000'|播放时间间隔| |neighborAlpha|String|'0.8'|两侧透明度| |neighborScale|String|'0.8'|两侧等级| |distanceLevel|number|13|左右节点距离位置级别,从1-13,13最远,想靠近可设置为9| |scale|String|0.9|中间缩放| |showPagination|boolean|false|是否显示指示点| |paginationStyle|Object|/|指示点样式|
paginationStyle 默认样式
defaultPaginationStyle: {
position: 'absolute',
width: '100%',
height: '10rem',
top: '15rem',
flex: 1,
backgroundColor: 'transparent',
itemColor: '#cccccc',
itemSelectedColor: 'rgb(255, 80, 0)',
itemSize: '10rem'
}
事件
|名称|参数|描述| |:---------------|:--------|:----------| |onChange|/|object{index...}|