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 | - | - |