Question

定义

模块间位置相互切换。

图片展示

代码演示

import Anime from 'pile/dist/components/anime'
const {PositionTransform} = Anime
<PositionTransform
  ref="myPostionSwitch"
  orderArr={[1,2,3,4]}
  itemsMoveBack={function(n){console.log(n)}}
>
  <div className="pile-demo-postion-test">1</div>
  <div className="pile-demo-postion-test">2</div>
  <div className="pile-demo-postion-test">3</div>
  <div className="pile-demo-postion-test">4</div>
</PositionTransform>

属性

参数	描述	数据类型	默认值
width	子元素移动的单位宽度	number	80
orderArr	子元素排列的数组（数组个数需与自元素的个数一致）	array	[1,2,3,4]
itemsMoveBack	自元素位置移动后的回调	function

点击查看详细参数说明