环境要求 react > 15.6.2 以上 react-dom > 15.6.2 以上
引入方式 npm
npm install wzw-components --saveUsage 使用
; // 引入样式@;代码演示
基本用法
普通(默认是纵向、间歇滚动)
<Marquee> <div>1</div> <div>2</div> <div>3</div></Marquee>横向滚动(横向、间歇滚动)
<Marquee ="landscape"> <div>1</div> <div>2</div> <div>3</div></Marquee>横向滚动(横向、连续滚动)
<Marquee ="landscape" > <div>1</div> <div>2</div> <div>3</div></Marquee>Api
| 属性 | 类型 | 默认值 | 可选值／参数 | 说明 |
|---|---|---|---|---|
| prefixCls | string | iyb-marquee | 类名前缀 | |
| className | string | 追加类名 | ||
| speed | number | 300 | continuous为false的动画时间，单位：毫秒 | |
| activeIndex | number | 0 | 当前页面的索引 | |
| continuous | bool | false | 延迟滚动false,连续滚动true | |
| timer | number | 2000 | continuous为flase才生效 | |
| direction | string | vertical | 'vertical', 'landscape' | 滑动方向 |
| children | array | [] | 子元素 |