TextMore 文字展开收起

基于 antd Typography.Paragraph 封装的文字展开收起组件，支持自定义行数。

示例

基础用法

这是一段很长的文本，超过三行会自动折叠。这是一段很长的文本，超过三行会自动折叠。这是一段很长的文本，超过三行会自动折叠。这是一段很长的文本，超过三行会自动折叠。这是一段很长的文本，超过三行会自动折叠。这是一段很长的文本，超过三行会自动折叠。这是一段很长的文本，超过三行会自动折叠。这是一段很长的文本，超过三行会自动折叠。

自定义行数:2

这是一段很长的文本，超过两行会自动折叠。这是一段很长的文本，超过两行会自动折叠。这是一段很长的文本，超过两行会自动折叠。这是一段很长的文本，超过两行会自动折叠。这是一段很长的文本，超过两行会自动折叠。这是一段很长的文本，超过两行会自动折叠。这是一段很长的文本，超过两行会自动折叠。这是一段很长的文本，超过两行会自动折叠。

复制代码

查看代码

<template>
  <!-- 基础用法 -->
  <s-text-more
    text="这是一段很长的文本，超过三行会自动折叠。这是一段很长的文本，超过三行会自动折叠。这是一段很长的文本，超过三行会自动折叠。这是一段很长的文本，超过三行会自动折叠。这是一段很长的文本，超过三行会自动折叠。这是一段很长的文本，超过三行会自动折叠。这是一段很长的文本，超过三行会自动折叠。这是一段很长的文本，超过三行会自动折叠。"
  />

  <!-- 自定义行数 -->
  <s-text-more
    :rows="2"
    text="这是一段很长的文本，超过两行会自动折叠。这是一段很长的文本，超过两行会自动折叠。这是一段很长的文本，超过两行会自动折叠。这是一段很长的文本，超过两行会自动折叠。这是一段很长的文本，超过两行会自动折叠。这是一段很长的文本，超过两行会自动折叠。这是一段很长的文本，超过两行会自动折叠。这是一段很长的文本，超过两行会自动折叠。"
  />
</template>

API

属性

属性名	说明	类型	默认值
text	文本内容	string	''
rows	显示行数	number	3