<view class="feed zw-feed-class"
    bind:touchstart="touchHdl"
    bind:touchmove="touchHdl"
    bind:touchend="touchHdl"
>
    <view class="header zw-feed-header-class"
        style="
            top: -{{loadingHgt}}px;
            height: {{loadingHgt}}px;
            transform: translate3d(0, {{offsetY}}px, 0);
            transition: {{enableScroll && offsetY >= 0 ? 'transform 200ms ease-out' : 'unset'}}
        "
    >
        <view class="refresh ext-refresh" style="height: {{loadingHgt}}px">
            <slot name="loading">
                <view class="circle left ext-circle-left {{state === 1 ? 'animate' : ''}}"
                    style="
                        height: {{circle.size}}px;
                        width: {{circle.size}}px;
                        margin-left: {{-circle.size / 2}}px;
                        margin-top: {{-circle.size / 2}}px;
                        opacity: {{state === 2 ? '0 !important' : circle.opacityL}};
                        transform: translate3d({{circle.xL}}px, 0, 0);
                    "
                ></view>
                <view class="circle right ext-circle-right {{state === 1 ? 'animate' : ''}}"
                    style="
                        height: {{circle.size}}px;
                        width: {{circle.size}}px;
                        margin-left: {{-circle.size / 2}}px;
                        margin-top: {{-circle.size / 2}}px;
                        opacity: {{state === 2 ? '0 !important' : circle.opacityR}};
                        transform: translate3d({{-circle.xR}}px, 0, 0);
                    "
                ></view>
            </slot>
            <view class="result ext-result {{state === 2 ? 'show' : ''}}">
                <view class="result-icon"></view>
                <text class="result-text ext-result-text">{{clipedText}}</text>
            </view>
        </view>
    </view>
    <scroll-view
        class="content zw-feed-content-class"
        scroll-y="{{enableScroll}}"
        style="
            height: 100%; transform: translate3d(0, {{offsetY}}px, 0);
            transition: {{enableScroll && offsetY >= 0 ? 'transform 200ms ease-out' : 'unset' }}
        "
        scroll-top="{= scrollTop =}"
        bind:scroll="scrollHdl"
        lower-threshold="{{lowerThreshold}}"
        bind:scrolltolower="scrollToLower"
    >
        <slot></slot>
    </scroll-view>
</view>
