FadeInUp底部弹层

author: 闫申申

定义

底部弹层组件。

图片展示

FadeInUp 底部弹层 - 图1

代码演示

  2. import FadeInUp from 'pile/dist/components/fadeinup'
  3. <FadeInUp
  4.   show={true}
  5.   changeFun={function(){console.log(123)}}  
  6.   contentPadding={true}
  7.   closeShow={true} >
  8.   <div className="fadeInUp-demo">
  9.     <p>自定义内容随意添加</p>
  10.     <p>高度自适应</p>
  11.   </div>
  12. </FadeInUp>

属性

参数 描述 数据类型 默认值
show 是否展示 bool
className 自定义样式 string
closeBtnText 关闭标签文字 string 确定
showBack 展开回调函数 function
closeBack 关闭回调函数 function
closeShow 是否需要关闭按钮显示 bool true
transparent 背景是否透明 bool false
contentPadding 弹层内容是否需要默认内边距（padding: 40px 20px 20px 20px） bool true

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