# 文本省略 Ellipsis
适用于单行或者多行文本的末尾需要有省略号的情况
# 用法
适用于单行或者多行文本的末尾需要有省略号的情况,适用于单行或者多行文本的末尾需要有省略号的情况,适用于单行或者多行文本的末尾需要有省略号的情况
适用于单行或者多行文本的末尾需要有省略号的情况,适用于单行或者多行文本的末尾需要有省略号的情况,适用于单行或者多行文本的末尾需要有省略号的情况
适用于单行或者多行文本的末尾需要有省略号的情况,适用于单行或者多行文本的末尾需要有省略号的情况,适用于单行或者多行文本的末尾需要有省略号的情况,适用于单行或者多行文本的末尾需要有省略号的情况,适用于单行或者多行文本的末尾需要有省略号的情况,适用于单行或者多行文本的末尾需要有省略号的情况
<!-- 单行 -->
<c-ellipsis :rows="1" html="适用于单行或者多行文本的末尾需要有省略号的情况,适用于单行或者多行文本的末尾需要有省略号的情况,适用于单行或者多行文本的末尾需要有省略号的情况"></c-ellipsis>
<!-- 如果需要行内展示,需自行加上行内样式 -->
<c-ellipsis :rows="1" style="display: inline-block;width: 600px;" text="适用于单行或者多行文本的末尾需要有省略号的情况,适用于单行或者多行文本的末尾需要有省略号的情况,适用于单行或者多行文本的末尾需要有省略号的情况"></c-ellipsis>
<!-- 多行 -->
<c-ellipsis :rows="3" text="适用于单行或者多行文本的末尾需要有省略号的情况,适用于单行或者多行文本的末尾需要有省略号的情况,适用于单行或者多行文本的末尾需要有省略号的情况,适用于单行或者多行文本的末尾需要有省略号的情况,适用于单行或者多行文本的末尾需要有省略号的情况,适用于单行或者多行文本的末尾需要有省略号的情况"></c-ellipsis>
# 配置项
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
text | 纯文本内容 | string | - | - |
html | 作为 html 渲染的内容 | - | - | - |
rows | 最多展示多少行,溢出的文本会加上省略号,默认值是 0,表示不加省略号 | number | - | 0 |