wzw-components

环境要求 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	[]		子元素