Skip to content

Ellipsis 文本自动省略号

tanhaolong edited this page Jan 6, 2022 · 1 revision

介绍

文本过多显示规定行数后文本自动省略。

全局方法:

 <Ellipsis :lineClamp="2" :ellipsisStyle="{color:'red',fontSize:'20px'}">这是测试内容</Ellipsis>

局部方法:

<Ellipsis :lineClamp="2" :ellipsisStyle="{color:'red',fontSize:'20px'}">这是测试内容</Ellipsis>

import { Ellipsis } from 'lxnuoyan-ui';
export default {
  components: {Ellipsis},
};

Ellipsis props

参数 数据类型 默认值 必填 字段名称 备注
text String 标题 标题
lineClamp Int 1 显示行数
ellipsisStyle Object null 自定义样式 与vue动态样式写法一致
Clone this wiki locally