SwipeMove滑动弹层

author: 闫申申

定义

自定义方向、宽、高、对齐方式可拖出的弹层组件。

图片展示

SwipeMove 滑动弹层 - 图1

代码演示

  1. import SwipeMove from 'pile/dist/components/swipemove'
  2. <SwipeMove height="100%" width="100%" direction="bottom" align={0}>
  3. <div className="move-content">
  4. <h2>弹层展示</h2>
  5. <p>内容自定义</p>
  6. <p>支持高度、宽度自定义</p>
  7. <p>支持方向自定义</p>
  8. </div>
  9. </SwipeMove>

属性

参数 描述 数据类型 默认值
direction 滑动方向:bottom,top,left,right string bottom
height 高度:"100%" 、"300px" string 100%
width 宽度:"100%" 、"300px" string 100%
align 对齐方式 0: center、middle ,1:left 、top 2: right bottom number 0
back touchend 后的回调 function 0

原文: https://didi.github.io/pile.js/docs/2017/08/develop-components-swipemove.html