# 7.8 气泡弹出框2（Popover2）

气泡弹出框组件的增强版本，支持更多配置

<template>
  <dof-popover2 :show="show" :el-pos="elPos" text-content="提示内容"></dof-popover2>
</template>

1
2
3

Prop	Type	Required	Default	Description
`mode`	`String`	`N`	`common`	模式
`theme`	`String`	`N`	`white`	主题
`layout-direction`	`String`	`N`	`column`	布局方向
`buttons`	`Array`	`N`	`[]`	按钮配置
`position`	`Object`	`N`	`{}`	位置配置
`arrow-position`	`Object`	`N`	`{}`	箭头位置配置
`cover-color`	`String`	`N`	`rgba(0,0,0,0.3)`	遮罩颜色
`has-animation`	`Boolean`	`N`	`true`	是否有动画
`text-style`	`Object`	`N`	`{}`	文本样式
`text-content`	`String`	`N`	`''`	文本内容
`inner-bg-color`	`String`	`N`	`''`	内部背景颜色
`is-click-cover-hide`	`Boolean`	`N`	`true`	点击遮罩是否隐藏
`is-show-close`	`Boolean`	`N`	`false`	是否显示关闭按钮
`width`	`Number`	`N`	`0`	宽度
`el-pos`	`Object`	`N`	`null`	目标元素位置
`needDarkMode`	`Boolean`	`N`	`false`	是否需要暗黑模式适配 ^2.5.5

事件名	说明	回调参数
`dofPopoverCoverClicked`	点击遮罩	`-`
`clickedCloseBtn`	点击关闭按钮	`-`