text-tooltip

当一些内容固定宽度，然后需要超出宽度部分隐藏的时候，为了防止重复书写这种 css....特产出此组件

基本使用

COPY

999

1

2

3

4

5

<template>
    <ClientOnly>
        <text-tooltip style="width:100px" content="啊啊啊啊3f啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊"></text-tooltip>
    </ClientOnly>
</template>

显示代码

多行截断

COPY

999

1

2

3

4

5

<template>
    <ClientOnly>
        <text-tooltip style="width:100px" :line="2" content="啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊"></text-tooltip>
    </ClientOnly>
</template>

显示代码

props

Name	Description	Type	Required	Default
enableTooltip	是否启用 tooltip 不启用就把 content 作为 DOM 元素的 title 属性使用	Boolean	false	true
content	显示的内容，如果超出长度则会显示为省略号	String / Number	false	""
className	额外注入 class	String	false	-
line	限制内容为本应为多小行，超出显示省略号, 默认 -1，不启用，为正数则启用	Number	false	-1