Ellipsis 文本省略 ​

自动省略多余文本

基础用法 ​

带有 Tooltip 的基本的单行省略

<template>
  <tu-ellipsis style="max-width: 200px;">
    人的一生是短的，但如果卑劣地过这短的一生，就太长了。
  </tu-ellipsis>
</template>

最大行数 ​

添加 line-clamp 设置展开行数（基于 -webkit-line-clamp，兼容性见 caniuse）

<template>
  <tu-ellipsis line-clamp="2" style="max-width: 200px;">
    人的一生是短的，但如果卑劣地过这短的一生，就太长了。
  </tu-ellipsis>
</template>

展开方式 ​

使用 expand-trigger="click" 开启点击展开/折叠省略内容

<template>
  <tu-ellipsis expand-trigger="click" style="max-width: 200px;">
    人的一生是短的，但如果卑劣地过这短的一生，就太长了。
  </tu-ellipsis>
</template>

Ellipsis 属性 ​

Ellipsis 插槽 ​