YsEllipsis 文本省略
带弹出提示基本的单行省略
带弹出提示基本的多行省略
TIP
基于 -webkit-line-clamp 的多行省略。兼容性参见 caniuse
可以搭配 ExpandTrigger="click"属性,再控制点击展开收起
YsEllipsis 属性
提示
属性可继承 element-plus的el-tooltip组件的属性 el-tooltip
参数 | 说明 | 类型 | 默认参数 | 是否必传 |
---|---|---|---|---|
Placement | 文字提示位置;参考el-tooltip | string | top | 否 |
Effect | 文字提示主题;参考el-tooltip | string | dark | 否 |
RowNumber | 多行行数 | number | -- | 否 |
ExpandTrigger | 搭配RowNumber可实现点击展开收起 | string|'click' | -- | 否 |
slots 插槽
插槽名 | 说明 |
---|---|
-- | 文本内容,提示框内容 |
tooltip | 提示框内容插槽,会覆盖默认插槽的内容 |