# 弹出层

<template>
  <div class="popover-wrapper">
    <h2>预览</h2>
    <g-popover position="bottom">
      <template slot="content">
        popover 中的内容
      </template>
      <g-button>下方显示内容</g-button>
    </g-popover>
    <g-popover>
      <template slot="content">
        popover 中的内容
      </template>
      <g-button>点击显示</g-button>
    </g-popover>
    <g-popover trigger="hover">
      <template slot="content">
        popover 中的内容
      </template>
      <g-button>hover 显示内容</g-button>
    </g-popover>
    <h2>使用方法</h2>
  </div>
</template>

Popover 组件支两个选项： position 用于设置显示位置； trigger 用于设置出发事件

# 1. position

position 默认为 top ，可选择的参数为 top , left , right , bottom ,分别设置 popover 显示的方位。

# 2. trigger

trigger 默认为 click ,,用于设置触发 popover 显示的事件。除此之外还支持 hover