返回介绍

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>

属性

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

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

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

发布评论

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