EText 主要适用于需要截断长字符的情况,另外它还有一种特殊的超链接样式,也是 Engage 中的一种设计规范。

# 基础用法

默认自动折行,对于不带分隔的长内容,也能折行。

# 限制行数

通过设置 lines 属性显示展示行数,omission 属性显示超出行数的字符采用的省略占位值。

# 链接文本

to 属性同 vue-router <router-link> to 属性,推荐采用 to 属性,href 属性已过期,不建议使用。

# EText

# Props

Name Description Type Required Default
lines 限制多少行 String / Number false -
omission 如果限制行,超出后的部分怎么提示,可选值参考 text-overflow。 Boolean / String false -
color 文本颜色 String false -
fontSize 文本字体大小 String / Number false -
to 同 vue-router <router-link> to 属性 String / Object / Function false -
href (过期)链接,建议用 to,包括完整 URL String false -

# Slots

Name Description Default Slot Content
default - -