<custom class="nav-bar"
    chineseName="刷新"
    engName="refresh"
    theme="{{dark ? 'dark' : ''}}"
>
</custom>
<view class="container {{dark ? 'dark' : ''}}" >
    <view class="refresh-wrap {{dark ? 'dark' : ''}}">
        <view class="mode-title {{dark ? 'dark' : ''}}">
            <view class="mode-title-line-left"></view>
            <view class="mode-title-text">手动下拉刷新</view>
            <view class="mode-title-line-right"></view>
        </view>
        <view
            class="smt-card-area"
            catch:touchstart="noop"
            catch:touchmove="noop"
            catch:touchend="noop"
        >
            <smt-feed
                class="smt-feed pull-down-refresh"
                ext-cls-feed="custom-cls-feed"
                ext-cls-loading="custom-cls-loading"
                theme="{{dark ? 'dark' : ''}}"
                pull-to-refresh
                bind:refresh="onRefresh"
                text="{{pullText}}"
            >
                <list list="{{list}}" theme="{{dark ? 'dark' : ''}}"></list>
            </smt-feed>
        </view>
    </view>

    <view class="refresh-wrap">
        <view class="mode-title {{dark ? 'dark' : ''}}">
            <view class="mode-title-line-left"></view>
            <view class="mode-title-text">自动刷新</view>
            <view class="mode-title-line-right"></view>
        </view>
        <view class="smt-card-area" >
            <smt-feed
                class="smt-feed auto-refresh"
                ext-cls-feed="custom-cls-feed"
                theme="{{dark ? 'dark' : ''}}"
                disable-touch
                text="{{autoRefreshText}}"
            >
                <list list="{{list}}" theme="{{dark ? 'dark' : ''}}"></list>
            </smt-feed>
        </view>
    </view>

    <view class="refresh-wrap">
        <view class="mode-title {{dark ? 'dark' : ''}}">
            <view class="mode-title-line-left"></view>
            <view class="mode-title-text">刷新失败</view>
            <view class="mode-title-line-right"></view>
        </view>
        <view class="smt-card-area fail" >
            <view class="fail {{fail ? 'enable' : ''}}"><view class="text">刷新失败</view></view>
            <smt-feed
                class="smt-feed auto-refresh-fail"
                ext-cls-feed="custom-cls-feed"
                theme="{{dark ? 'dark' : ''}}"
                disable-touch
            >
                <list list="{{list}}" theme="{{dark ? 'dark' : ''}}"></list>
            </smt-feed>
        </view>
    </view>

    <view class="theme-control {{dark ? 'dark' : ''}}" >
        <text>沉浸式主题</text>
        <switch class="switch" color="{{dark ? '#f5f5f5' : '#ddd'}}" bind:change="themeChange"></switch>
    </view>
</view>
