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

Popover 气泡

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

定义

气泡组件。

图片展示

代码演示


import Popover from 'pile/dist/components/popover'
const {Tooltip} = Popover
<Tooltip
  overlay={"说明文字"}
  placement='left'
  isShow={popleftshow}
  idName='newIndex'
  setTooltipClose ={()=>{this.setState({popleftshow : false}) }}
>
  <span className="tool-tip-btn"  onClick={()=>{this.setState({popleftshow : true}) }}>指示内容在左侧</span>
</Tooltip>
<span className="tool-tip-btn"></span>

属性

参数描述数据类型默认值
弹层内文字overlaystring
placement弹层展示方向(top、bottom、left、right、topLeft)string
isShow是否展示bool
idName节点的id名(弹层内容填充到此节点内),不指定就添加到body内string
children必填,弹层位置根据此节点定位node
setTooltipClose点击弹层关闭按钮的回调function