环境要求 react > 15.6.2 以上 react-dom > 15.6.2 以上

引入方式 npm

npm install wzw-components --save

Usage 使用

import { Marquee } from 'wzw-components';


// 引入样式
@import "node_modules/iyb-marquee/lib/styles/components.scss";

代码演示

基本用法

普通(默认是纵向、间歇滚动)

<Marquee>
  <div>1</div>
  <div>2</div>
  <div>3</div>
</Marquee>

横向滚动(横向、间歇滚动)

<Marquee direction="landscape">
  <div>1</div>
  <div>2</div>
  <div>3</div>
</Marquee>

横向滚动(横向、连续滚动)

<Marquee direction="landscape" continuous>
  <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 | [] | | 子元素 |