Paragraph 段落
概述
文本省略,展开收齐等功能
代码演示
添加展开功能
添加展开收起功能
展开收起按钮添加样式
完全自定义展开收起按钮
查看更多自定义
识别换行符
省略效果演示
文本未超出
普通省略
行末为长单词
行首为标点符号
API
Props
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| ellipsis | 省略配置EllipsisConfig | EllipsisConfig | (必选) |
EllipsisConfig
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| recognizeLineBreaks | 是否识别换行符 | boolean | false |
| rows | 当超出多少行省略 | number | (必选) |
| expandable | 是否启用展开功能 | boolean | false |
| expandStyle | 设置展开按钮样式 | CSSProperties | {} |
| packupable | 是否启用收起功能 | boolean | false |
| packupStyle | 设置收起按钮样式 | CSSProperties | {} |
Slot
| name | 说明 |
|---|---|
| suffix | 展开按钮 |
| packup | 按钮 |