1.0.4 • Published 6 years ago

wzw-components v1.0.4

Weekly downloads
9
License
MIT
Repository
github
Last release
6 years ago

环境要求 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

属性类型默认值可选值/参数说明
prefixClsstringiyb-marquee类名前缀
classNamestring追加类名
speednumber300continuous为false的动画时间,单位:毫秒
activeIndexnumber0当前页面的索引
continuousboolfalse延迟滚动false,连续滚动true
timernumber2000continuous为flase才生效
directionstringvertical'vertical', 'landscape'滑动方向
childrenarray[]子元素