返回介绍

Popover 气泡

发布于 2021-07-01 01:13:10 字数 1286 浏览 873 评论 0 收藏 0

定义

气泡组件。

图片展示

代码演示


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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文