当前位置: 首页 > 文档资料 > Pile.js 中文文档 >

PositionTransform 模块间位置切换

优质
小牛编辑
133浏览
2023-12-01

定义

模块间位置相互切换。

图片展示

代码演示


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子元素移动的单位宽度number80
orderArr子元素排列的数组(数组个数需与自元素的个数一致)array[1,2,3,4]
itemsMoveBack自元素位置移动后的回调function
点击查看详细参数说明