Skip to content
CONTENTS

Tooltip 文字提示

常用于展示鼠标 hover 时的提示信息。

TIP

使用时,您需要将组件包裹在 z-tooltip 之中

基本使用

位置展示

在这里我们提供 9 种不同方向的展示方式,可以通过以下完整示例来理解,选择你要的效果。

使用 content 属性来决定 hover 时的提示信息。 由 placement 属性决定展示效果: placement属性值为:[方向]-[对齐位置];四个方向:topleftrightbottom;三种对齐位置:start, end,默认为空。 如 placement="left-end",则提示信息出现在目标元素的左侧,且提示信息的底部与目标元素的底部对齐。

设置宽度

展示多行文本或者是设置文本内容的格式,可以设置tooltip的宽度

API

属性

参数说明类型可选值默认
content内容string-----
placement工具提示的位置stringtop/top-start/top-end/bottom/bottom-start/bottom-end/left/left-start/left-end/right/right-start/right-endbottom

Released under the MIT License.