气泡卡片

预览

---

使用方法

<template>
  <div>
    <e-popover position="bottom">
      <template slot="content">
        popover中的内容
      </template>
      <e-button>点击按钮下方显示内容</e-button>
    </e-popover>
    <e-popover>
      <template slot="content">
        popover中的内容
      </template>
      <e-button>点击显示</e-button>
    </e-popover>
    <e-popover trigger="hover">
      <template slot="content">
        popover中的内容
      </template>
      <e-button>hover显示</e-button>
    </e-popover>
  </div>
</template>

选项

Popover组件有两个选项：position用于设置气泡卡片显示的方位；trigger用于设置如何触发事件

1. position

position 默认为 top ,可选参数有 top , left , right , bottom

2. trigger

trigger 默认为 click ,可选参数有 click 和 hover