更新记录

1.1.0（2022-06-30）

修复微信小程序不兼容问题

1.0.0（2022-05-24）

1.0.0（2022-5-24）

多行文本展示，可配置展示N行，支持展开/收起。 展开收起的按钮紧随最后一行尾部，支持自定义展开/收起的提示布局

平台兼容性

简介

一个较为简单实用的版本

功能

1. 自动计算单行高、所有行总高，动态控制
2. 展开/收起 按钮可实现，实际行数小于等于指定的行数时，操作按钮自动隐藏

补充：

1. 当文本实际行数小于或等于指定行数（line）时，‘展开’或‘收起’按钮自动隐藏

2. 该插件兼容H5、小程序（亲测）

用法

参数说明

代码示例

import TextOverflow from "@/components/text-over-flow/text-over-flow.vue"

components: {
    TextOverflow
}

方式一：slot方式传值

// expandText和foldHint有默认值，可以不写。line默认为1
<mote-lines-divide :line="3" expandText="展开" foldHint="收起">
        文本内容
</mote-lines-divide>

方式二：dt参数传值

expandText和foldHint有默认值，可以不写。line默认为1
<mote-lines-divide :dt="文本对象" :line="3" expandText="展开" foldHint="收起"/>