Popover 气泡
优质
小牛编辑
134浏览
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>
属性
参数 | 描述 | 数据类型 | 默认值 |
---|---|---|---|
弹层内文字 | overlay | string | |
placement | 弹层展示方向(top、bottom、left、right、topLeft) | string | |
isShow | 是否展示 | bool | |
idName | 节点的id名(弹层内容填充到此节点内),不指定就添加到body内 | string | |
children | 必填,弹层位置根据此节点定位 | node | |
setTooltipClose | 点击弹层关闭按钮的回调 | function |