Question

定义

焦点图组件。

图片展示

代码演示

import Focus from 'pile/dist/components/focus'
<Focus className="focus-demo"
  index = {0}
  width = {"375px"}
  loop = {true}
  timer = {5000}
  direction = "left"
  duration = {200}
>
  <div className="focus-demo-item item-1">
1<div className="text-shadow">此处是文字标题一</div><
  /div>
  <div className="focus-demo-item item-2">
2<div className="text-shadow">此处是文字标题二</div><
  /div>
  <div className="focus-demo-item item-3">
3<div className="text-shadow">此处是文字标题三</div><
  /div>
</Focus>

属性

参数	描述	数据类型	默认值
index	默认展开索引位置	number	0
width	焦点图区域宽度	string	375px
loop	是否循环	bool	true
timer	自动滚动的时间间隔	number／null	null
direction	方向，left：向左，right：向右	string	left
duration	滚动动画时长	number	200
auto	是否自动播放	bool	true