0.1.2 • Published 5 years ago

beyond-slider v0.1.2

Weekly downloads
3
License
MIT
Repository
github
Last release
5 years ago

beyond-slider

React 轮播组件

用法

require('beyond-slider/lib/index.css')
import Slider , {Item} from 'beyond-slider'

<Slider  height={500}>
	<Item key="0">
		<a href="http://www.baidu.com"> <img style={{width : '100%',height : '100%'}} src={require('images/c1.jpg')} /></a>
	</Item>
	<Item key="1">
		<a href="http://www.baidu.com"> <img style={{width : '100%',height : '100%'}} src={require('images/c2.jpg')} /></a>
	</Item>
	<Item key="2">
		<a href="http://www.baidu.com"> <img style={{width : '100%',height : '100%'}} src={require('images/c3.jpg')} /></a>
	</Item>
	<Item key="3">
		<a href="http://www.baidu.com"> <img style={{width : '100%',height : '100%'}} src={require('images/c4.jpg')} /></a>
	</Item>
</Slider>

API

Slider

名称类型默认值说明
widthnumber/string-设置 Slider 宽度
heightnumber/string400设置 Slider 高度
intervalnumber/string2设置轮播的时间间隔,单位为秒
autoPlaybooleantrue是否开启自动轮播
pauseOnActionbooleantrue设置鼠标悬停时是否停止轮播
controlNavbooleantrue显示 Slider 上的指示器
directionNavbooleantrue显示 Slider 上的方向指示器
prevElement/string-设置前指示器内容
nextElement/string-设置后指示器内容
extraClassNamestring-增加一个 className, 用以覆盖原有样式
0.1.2

5 years ago

0.1.1

7 years ago

0.1.0

7 years ago