# UIconTooltip 图标提示 - [示例](#示例) - [基本用法](#基本用法) - [切换类型](#切换类型) - [弹出位置](#弹出位置) - [API]() - [Props/Attrs](#propsattrs) - [Slots](#slots) - [Events](#events) - [Methods](#methods) **弹出层**, **行内展示** 图标与``的组合。 ## 示例 图标与``的组合。 ### 基本用法 ``` html 文字旁的提示 这是提示内容 ``` ### 切换类型 ``` html 信息 这是提示内容
帮助 这是提示内容
详情 这是提示内容 ``` ### 弹出位置 ``` html top Tooltip left Tooltip right Tooltip bottom Tooltip ``` ## API ### Props/Attrs | Prop/Attr | Type | Options | Default | Description | | --------- | ---- | ------- | ------- | ----------- | | type | string | `[object Object]`
`[object Object]`
`[object Object]` | `'info'` | 图标类型 | | size | string | `[object Object]`
`[object Object]`
`[object Object]` | `'normal'` | 提示大小 | | opened.sync | boolean | | `false` | 弹出/关闭状态 | | trigger | string | `[object Object]`
`[object Object]`
`[object Object]`
`[object Object]`
`[object Object]` | `'hover'` | 工具提示的触发方式 | | placement | string | `'上'` ()
`'下'` ()
`'左'` ()
`'右'` ()
`'上左'` ()
`'上右'` ()
`'下左'` ()
`'下右'` ()
`'左上'` ()
`'左下'` ()
`'右上'` ()
`'右下'` () | `'bottom'` | 工具提示的弹出方向 | | hide-delay | number | | `200` | 提示内容消失延迟时间，单位是 ms | | offset | string | | `'0'` | 弹出层偏移，如：'10', '10px 10px', '10% 10%', 第一个值表示水平偏移，第二个值表示垂直位移, 默认单位是`px` | | follow-cursor | boolean | | `false` | 是否跟随鼠标 | | disabled | boolean | | `false` | 是否禁用 | ### Slots #### (default) 插入需要弹出的内容。 ### Events #### @before-open 弹出前触发。 | Param | Type | Description | | ----- | ---- | ----------- | | $event.preventDefault | Function | 阻止弹出流程 | | senderVM | UTooltip | 发送事件实例 | #### @open 弹出时触发。 | Param | Type | Description | | ----- | ---- | ----------- | | $event | | 空 | | senderVM | UTooltip | 发送事件实例 | #### @before-close 隐藏前触发。 | Param | Type | Description | | ----- | ---- | ----------- | | $event.preventDefault | Function | 阻止隐藏流程 | | senderVM | UTooltip | 发送事件实例 | #### @close 隐藏时触发。 | Param | Type | Description | | ----- | ---- | ----------- | | $event | | 空 | | senderVM | UTooltip | 发送事件实例 | #### @before-toggle @deprecated | Param | Type | Description | | ----- | ---- | ----------- | #### @toggle @deprecated | Param | Type | Description | | ----- | ---- | ----------- | Methods #### open() 弹出实例。 | Param | Type | Default | Description | | ----- | ---- | ------- | ----------- | #### close() 关闭实例。 | Param | Type | Default | Description | | ----- | ---- | ------- | ----------- |