multiline-text-overflow
v0.2.0
Published
deal with multiline text overflow flexibly
Downloads
4
Readme
.text-overflow {
line-height: 25px;
}
<div id="text_overflow" class="text-overflow">
用于确定如何提示用户存在隐藏的溢出内容。其形式可以是显示一个省略号、显示一个自定义字符串或显示一个自定义组件。用于确定如何提示用户存在隐藏的溢出内容。其形式可以是显示一个省略号、显示一个自定义字符串或显示一个自定义组件。用于确定如何提示用户存在隐藏的溢出内容。其形式可以是显示一个省略号、显示一个自定义字符串或显示一个自定义组件。用于确定如何提示用户存在隐藏的溢出内容。其形式可以是显示一个省略号、显示一个自定义字符串或显示一个自定义组件。
</div>
import multilineTextOverflow from 'multiline-text-overflow'
multilineTextOverflow({
eleId: 'text_overflow',
foldLines: 2,
handleType: 'words'
})
{
eleId: 'text_overflow', // 需要处理多行溢出容易的id
foldLines: 2, // 溢出时显示的行数
handleType: 'arrow', // 溢出部分显示的标识,可选值:ellipsis、arrow、words。其中ellipsis表示显示省略号,不可展开;arrow表示显示箭头图标,可展开收起;words表示显示文字,可展开收起
ifAnimation: false, // 展开收起是否有动画
color: 'blue', // 展开收起的文字或箭头颜色,默认为蓝色
backgroundColor: 'white' // 展开收起的文字背景颜色,默认为白色
}