#### 组件名称
gov-text-collapse

#### 解释：
文本折行组件

#### 属性说明：
|属性名 | 类型 | 必填 | 默认值 |说明 |
|---|---|---|---|---|
|text |String |是||文本内容|
|line |Number |否|5|超出该值省略|
|showBtn |Boolean |否|true|是否展示收起、展开按钮|
|btnText |string[] |否|['展开', '收起']|按钮文字|
|selectable |Boolean |否|是|文本内容是否可选择 * <text>标签内置方便拿computedStyle|
|expand |Boolean |否|false|是否展开,例如初始展示展开状态|

#### 代码示例
swan:
```
<view class="preview-caption">5行折叠</view>
<view class="preview-section">
    <gov-text-collapse text="{{text}}"></gov-text-collapse>
</view>

<view class="preview-caption">3行折叠</view>
<view class="preview-section">
    <gov-text-collapse text="{{text}}" line="{{3}}"></gov-text-collapse>
</view>

<view class="preview-caption">iphone8p刚好5行</view>
<view class="preview-section">
    <gov-text-collapse text="{{suteIn8p}}"></gov-text-collapse>
</view>

<view class="preview-caption">自定义颜色</view>
<view class="preview-section">
    <gov-text-collapse
        class="custom-color"
        gov-text-collapse-container="collapse-style"
        gov-text-collapse-content="gov-text-style"
        text="{{text}}"
    ></gov-text-collapse>
</view>

<view class="preview-caption">自定义字体大小54px、间距21px</view>
<view class="preview-section">
    <gov-text-collapse
        class="custom-font"
        gov-text-collapse-container="collapse-style"
        gov-text-collapse-content="gov-text-style"
        text="{{bigFontSize}}"
    ></gov-text-collapse>
</view>

<view class="preview-caption">异步 {{countDown}}s : 数据8p刚好5行</view>
<view class="preview-section">
    <gov-text-collapse
        class="custom-font"
        gov-text-collapse-container="collapse-style"
        gov-text-collapse-content="gov-text-style"
        text="{{asyncText}}"
    ></gov-text-collapse>
</view>

<view class="preview-caption">保持段落格式&初始展开</view>
<view class="preview-section">
    <gov-text-collapse
        class="keep-line-style"
        gov-text-collapse-content="collapse-text-style"
        text="{{textPreline}}"
        expand={{true}}
    ></gov-text-collapse>
</view>

<view class="preview-caption">自定义按钮样式</view>
<view class="preview-section">
    <gov-text-collapse
        class="custom-btn-style"
        gov-text-collapse-btn="collapse-btn-style"
        text="{{text}}"
    ></gov-text-collapse>
</view>
```
js:
```
Page({
    data: {
        text: 'dest() 可以用在管道（pipeline）中间用于将文件的中间状态写入文件系统。'
            + '当接收到一个文件时，当前状态的文件将被写入文件系统，文件路径也将被修改以反映输出文件的新位置，然后该文件继续沿着管道（pipeline）传输。'
            + '此功能可用于在同一个管道（pipeline）中创建未压缩（unminified）和已压缩（minified）的文件。',

        suteIn8p: 'dest() 可以用在管道（pipeline）中间用于将文件的中间状态写入文件系统。'
            + '当接收到一个文件时，当前状态的文件将被写入文件系统，文件路径也将被修改以反映输出文件的新位置，然后该文件继续沿着管道（pipeline）传输。'
            + '此功能可用于在同一个管道（pipeline',

        bigFontSize: 'dest() 可以用在管道（pipeline）中间用于将文件的中间状态写入文件系统。'
        + '当接收到一个文件时，当前状态的文件将被写入文件系统，文件路径也将被修改以反映输出文件的新位置，然后该文件继续沿着管道（pipeline）传输。'
        + '此功能可用于在同一个管道（pipeline',

        bigFontSizeSute8p: 'dest() 可以用在管道（pipeline）中间用于将文件的中间状态写入文件系统。'
        + '当接收到一个文件时，当前状态的文件将被写入文件系统，文件路径也将被修改以反映输出文件的新位置，然后该文件继续沿着管道（pipeline）传输。'
        + '此功能可',

        textPreline: 'dest() 可以用在管道（pipeline）
中间用于将文件的中间状态写入文件系统。'
        + '
当接收到一个文件时，当前状态的文件将被写入文件系统，文件路径也将被修改以反映输出文件的新位置，然后该文件继续沿着管道（pipeline）传输。'
        + '
此功能可用于在同一个管道（pipeline）中创建未压缩（unminified）和已压缩（minified）的文件。',

        asyncText: '',

        countDown: 5
    },

    onLoad() {
        this.setData({
            asyncText: this.data.bigFontSize
        });

        const timer = setInterval(() => {
            this.setData({
                countDown: this.data.countDown - 1
            });

            if (this.data.countDown === 0) {
                this.setData({
                    asyncText: this.data.bigFontSizeSute8p
                });
                clearInterval(timer);
            }
        }, 1000);
    }
});
```
css:
```
.dot {
    position: relative;
    top: -6px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background-color: #e34;
}

.content {
    padding: 30.797rpx;
}
```