<view style="{{ style }}" bindtouchstart="onTouchStart" catchtouchmove="{{ refreshing || loading ? 'noop' : '' }}" capture-bind:touchmove="onTouchMove" bindtouchend="onTouchEnd">
    <view class="{{ classes.wrap }}">
        <view class="{{ classes.content }}">
            <view class="{{ classes.iconPulling }}">
                <text class="{{ classes.pIcon }}"></text>
            </view>
            <view class="{{ classes.textPulling }}">{{ pullingText }}</view>
            <view class="{{ classes.iconRefreshing }}">
                <text class="{{ classes.rIcon }}"></text>
            </view>
            <view class="{{ classes.textRefreshing }}">{{ refreshingText }}</view>
        </view>
    </view>
    <slot></slot>
    <view class="{{ classes.lWrap }}">
        <view class="{{ classes.lContent }}">
            <text wx:if="{{ !noData }}" class="{{ classes.rIcon }}"></text>
            <text class="{{ classes.loadingText }}" wx:if="{{ !noData && isShowLoadingText }}">{{ loadingText }}</text>
            <view wx:if="{{ noData }}">{{ loadNoDataText }}</view>
        </view>
    </view>
</view>
