#  Poptip 气泡提示
---
### 基础用法

<div class="demo-block">
 <y-poptip confirm title="您确认删除这条内容吗！" @ok="ok" @cancel="cancel" placement="top" type="confirm"> 
  <y-button>消息提示</y-button> 
</y-poptip>
</div>
<script>
  export default{
    methods:{
      ok() {
        console.log('你点了确定')
      },
      cancel() {
        console.log('你点了取消')
      }
    }
  }
</script>


::: demo

``` html
<template>
  <y-poptip confirm title="您确认删除这条内容吗？" @ok="ok" @cancel="cancel" placement="top" type="fail"> 
    <y-button>删除</y-button> 
  </y-poptip> 
</template>
<script>
  export default{
    methods:{
      ok() {
        console.log('你点了确定')
      },
      cancel() {
        console.log('你点了取消')
      }
    }
  }
</script>

```
:::

<div class="demo-block">
 <y-poptip confirm title="提示这是条成功信息！" @ok="ok" @cancel="cancel" placement="top" type="msg"> 
  <y-button>成功提示</y-button> 
</y-poptip>
</div>
<script>
  export default{
    methods:{
      ok() {
        console.log('你点了确定1')
      },
      cancel() {
        console.log('你点了取消')
      }
    }
  }
</script>


::: demo

``` html
<template>
  <y-poptip confirm title="您确认删除这条内容吗？" @ok="ok" @cancel="cancel" placement="top" type="success"> 
    <y-button>成功提示</y-button> 
  </y-poptip> 
</template>
<script>
  export default{
    methods:{
      ok() {
        console.log('你点了确定')
      },
      cancel() {
        console.log('你点了取消')
      }
    }
  }
</script>

```
:::

###  属性说明
| 属性      | 说明     | 类型      | 可选值        | 默认值   |
|---------- |--------  |---------- |-------------  |-------- |
|trigger|触发方式|String|hover（悬停）click（点击）,在 confirm 模式下，只有 click 有效|click| 
|placement|位置|String|top，top-left，top-right，bottom，bottom-left，bottom-right，left，left-top，left-bottom，right，right-top，right-bottom|top| 
|title|显示的标题|String|--|--|
|content|显示的正文内容，只在非 confirm 模式下有效|String|--|--| 
|confirm|是否开启对话框模式|Boolean|--|false|
|ok-text|确定按钮的文字，只在 confirm 模式下有效|String|--|确定|
|cancel-text|取消按钮的文字，只在 confirm 模式下有效|String|--|取消|
|cancel|点击取消的回调，只在 confirm 模式下有效|Function|--|--|
|ok|点击确定的回调，只在 confirm 模式下有效|Function|--|--|