<view class="search">
  <wux-search-bar clear bind:confirm="onConfirm" bind:change="onChange" bind:clear="onClear" value="{{ value }}" placeholder="请搜索相应的文章" />
</view>

<wux-spin nested spinning="{{ spinning }}" size="large" tip="加载中...">
  <view class="tabs">
    <view class="tabs-bgc">
      <scroll-view class="tabs-wrap" scroll-x="true">
        <view wx:for="{{ classify }}" wx:key="index" class="item flex-center {{current == index ? 'active' : ''}}" bindtap="onTabsChange" data-id="{{index}}">{{ item.name }}</view>
      </scroll-view>
    </view>
    <!-- 瀑布流 -->
    <view class="main">
      <view wx:for="{{columns}}" wx:key="index" class="column">
        <view wx:for="{{item}}" wx:key="index" class="column_item" wx:for-item="pics" bindtap="goArticleDetail" data-id='{{pics.id}}'>
          <view class="main-box">
            <image src="{{pics.cover}}" class="column_pic" mode="widthFix" />
            <view class="main-content">
              <view class="main-title">{{pics.title}}</view>
              <view class="main-bottom">
                <view class="main-author">{{pics.author_name}}</view>
                <view class="main-time">{{pics.create_time}}</view>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
    <view class="hide">
      <image wx:for="{{tempPics}}" wx:key="index" src="{{item.cover}}" bindload="loadPic" binderror="loadPicError" data-index="{{index}}" />
    </view>
  </view>
</wux-spin>