my_loan/htmldev/shiningWxMini/pages/business/business.wxml

<view class="app_page-header-search page-header-search">
  <view class="app_page-header-search-warp app_width-690">
    <label for="header-search">
      <image src="../../image/common/search@2x.png"></image>
    </label>
    <input
      placeholder-class="app_header-search-placeholder"
      value="{{searchForm.key_words}}"
      placeholder="搜索信息"
      data-formkey="key_words"
      bind:input="handleKeyWords"></input>
  </view>
</view>
<scroll-view
  class="app_nav-wrap"
  scroll-x="{{true}}"
  scroll-with-animation="{{true}}"
  scroll-into-view="item-{{searchForm.category_id * 1 < 4 ? navScrollLeft : searchForm.category_id * 1 - 3}}">
  <view
    class="nav {{searchForm.category_id === item.id ? 'active' : ''}}"
    wx:for="{{categoryList}}"
    wx:key="id"
    data-item="{{item}}"
    bind:tap="handleNav">
    <view class="photo" id="item-{{index}}">
      <image src="{{item.category_img_url}}"></image>
    </view>
    <view class="name">{{item.category_name}}</view>
  </view>
</scroll-view>
<business-item-normal
  listData="{{listData}}"/>
<view class="pullup-wrapper" wx:if="{{!isRefresh}}">
  <van-loading
    wx:if="{{!finished}}"
    size="24px"
    type="spinner">加载中...
  </van-loading>
</view>