使用方式

<link rel="stylesheet" href="/components/style/popover.css" type="text/css" />
<script defer src="/components/js/popover.js" type="text/javascript"></script>
<st-popover content="测试1" trigger="hover" width="200" placement="bottom">
  <button class="st_button st_button_primary is_plain" size="mini">hover激活</button>
</st-popover>
<st-popover content="测试2" trigger="hover" placement="top">
  <button class="st_button st_button_primary is_plain" size="mini">hover激活</button>
</st-popover>
<st-popover content="测试3" trigger="click" placement="top">
  <button class="st_button st_button_primary is_plain" size="mini">click激活</button>
</st-popover>

属性

属性 说明 类型 可选值 默认值
trigger 触发方式 string hover/click -
width 提示框宽度 number - 100
placement 位置 string top/bottom -