Jeecg j-ellipsis列表字段内容缩略,鼠标放上去显示全部
HTML部分:
scopedSlots: {customRender: 'situation'},
通常使用已经封装好的组件j-ellipsis
import JEllipsis from '@/components/jeecg/JEllipsis'
组件带有v-model的使用方法:
封装的HTML内容是:
{{value}}
{{ value | ellipsis(length) }}
如果想要改变其颜色,可以直接把封装的HTML拿出来
{{text}}
{{ text | ellipsis(20) }}
css样式:
.bgc_tooltip{
.ant-tooltip-inner{
color: #333333;
background-color: #ffffff!important;
}
.ant-tooltip-arrow:before{
background-color: #ffffff!important;
}
}