<import src="../common/templates/mode-title.swan" />
<view class="wrap">
    <custom chineseName="文本折行" engName="text-collapse"></custom>
    <view class="container">
        <view class="card-panel first-panel">
            <template is="mode-title" title="{{textCollapseDataFirst.title}}" />
            <view class="component-wrap">
                <text-collapse
                    text="{{textCollapseDataFirst.text}}"
                    bindexpand="expandHdl"
                ></text-collapse>
            </view>
        </view>
        <view class="card-panel">
            <template is="mode-title" title="{{textCollapseDataSecond.title}}" />
            <view class="component-wrap">
                <text-collapse
                    text="{{textCollapseDataSecond.text}}"
                    expand="{{true}}"
                    show-button="{{false}}"
                    bindexpand="expandHdl"
                ></text-collapse>
            </view>
        </view>
        <view class="card-panel">
            <template is="mode-title" title="{{textCollapseDataThird.title}}" />
            <view class="component-wrap">
                <text-collapse
                    text="{{textCollapseDataThird.text}}"
                    expand="{{true}}"
                    bindexpand="expandHdl"
                ></text-collapse>
            </view>
        </view>
        <view class="card-panel first-panel">
            <template is="mode-title" title="{{textCollapseDataForth.title}}" />
            <view class="component-wrap">
                <text-collapse
                    text="{{textCollapseDataForth.text}}"
                    line="5"
                    text-content-class="text-content-external"
                    text-collapse-class="text-collapse-external"
                    btn-text-class="btn-text-external"
                    buttonText="{{textCollapseDataForth.buttonText}}"
                    bindexpand="expandHdl"
                ></text-collapse>
            </view>
        </view>
    </view>
</view>