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 | 子元素移动的单位宽度 | number | 80 |
orderArr | 子元素排列的数组(数组个数需与自元素的个数一致) | array | [1,2,3,4] |
itemsMoveBack | 自元素位置移动后的回调 | function |