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