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