文本省略 Ellipsis ...能支持自定义吗？我想显示...查看更多

[reallifebogz]

文本省略 Ellipsis ...能支持自定义吗？我想显示...查看更多

[XieZongChen]

提个issue吧

[h7ml]

ellipsis 组件

naive-ui/src/ellipsis/src/Ellipsis.tsx

Lines 50 to 64 in bed18bc

	const ellipsisStyleRef = computed(() => {
	const { lineClamp } = props
	const { value: expanded } = expandedRef
	if (lineClamp !== undefined) {
	return {
	textOverflow: '',
	'-webkit-line-clamp': expanded ? '' : lineClamp
	}
	} else {
	return {
	textOverflow: expanded ? '' : 'ellipsis',
	'-webkit-line-clamp': ''
	}
	}
	})

是基于css属性-webkit-line-clamp来实现的，查了下属性表。并没有相关的将...替换为文本/标签相关文档。

但是 可以使用https://www.npmjs.com/package/ember-line-clamp 该库来实现自定义查看更多功能