# # 弹出层

## # Click 触发

### # 预览

### # 代码

    <div style="padding-top: 16px;">
        <g-popover>
          <g-button>上方弹出</g-button>
          <template slot="content">
            弹出层
            <g-button>支持HTMl</g-button>
          </template>
        </g-popover>
        <g-popover position="bottom">
          <g-button>下方弹出</g-button>
          <template slot="content">
            弹出内容
          </template>
        </g-popover>
        <g-popover position="left">
          <g-button>左边弹出</g-button>
          <template slot="content">
            弹出内容
          </template>
        </g-popover>
        <g-popover position="right">
          <g-button>右边弹出</g-button>
          <template slot="content">
            弹出内容
          </template>
        </g-popover>
      </div>

## # Hover 触发

### # 预览

### # 代码

      <div style="padding-top: 16px;">
        <g-popover trigger="hover">
          <g-button>上方弹出</g-button>
          <template slot="content">
            弹出内容
          </template>
        </g-popover>
        <g-popover position="bottom" trigger="hover">
          <g-button>下方弹出</g-button>
          <template slot="content">
            弹出内容
          </template>
        </g-popover>
        <g-popover position="left" trigger="hover">
          <g-button>左边弹出</g-button>
          <template slot="content">
            弹出内容
          </template>
        </g-popover>
        <g-popover position="right" trigger="hover">
          <g-button>右边弹出</g-button>
          <template slot="content">
            弹出内容
          </template>
        </g-popover>
      </div>