文本省略组件用于省略显示的过多的文本内容,并提供展开收起内容的功能。
<template>
<div>
<omit-text :text="data"></omit-text>
</div>
</template>
<script>
import { OmitText } from 'lvshou-vcomponents';
export default {
...
components: {
OmitText
},
...
};
</script>
具体使用可参考该文件。
配置项 | 值类型 | 描述 |
---|---|---|
text | String | 需要省略显示的文本内容 |
limit | Number | 规定隐藏超过多少字符长度后的文本,默认70 |
color | String | 展开/收起 按钮的颜色,默认#4a9fef |
showTip | String | 展开按钮文本,默认展开 |
hideTip | String | 收起按钮文本,默认收起 |