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

FadeInUp 底部弹层

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

定义

底部弹层组件。

图片展示

代码演示


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

属性

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