<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 |
- |