Popover气泡

author: 闫申申

定义

气泡组件。

图片展示

Popover 气泡 - 图1

代码演示

  2. import Popover from 'pile/dist/components/popover'
  3. const {Tooltip} = Popover
  4. <Tooltip
  5.   overlay={"说明文字"}
  6.   placement='left'
  7.   isShow={popleftshow}
  8.   idName='newIndex'
  9.   setTooltipClose ={()=>{this.setState({popleftshow : false}) }}
  10. >
  11.   <span className="tool-tip-btn"  onClick={()=>{this.setState({popleftshow : true}) }}>指示内容在左侧</span>
  12. </Tooltip>
  13. <span className="tool-tip-btn" id="newIndex"></span>

属性

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

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