实现小程序列表的下拉刷新与分页加载更多功能 - 布局设计指南

上方两个查询条件和一个按钮，下方显示列表

<view class="container">
  <view class="page-body">
    <form catchsubmit="formSubmit">
      <view class="weui-cells weui-cells_after-title">
        <view class="weui-cell weui-cell_input">
          <input name="shipName" class="weui-input" auto-focus placeholder="请输入船名，中英文均可"/>
        </view>
        <view class="weui-cell weui-cell_input">
          <input name="voyage" class="weui-input" placeholder="请输入航次号"/>
        </view>
    </view>
    <button type="primary" formType="submit" style="width:100%;margin-top: 10px;">查询船动态</button>
    </form>

    <view style="margin-top:10px; padding:10px; background:#eeeeee;" wx:for="{{list}}" wx:key="key">
    <view>
      <text style="font-size: 14px;"> 英文船名： {{item.shipNameEn}}</text>
    </view>
    <view>
      <text style="font-size: 14px;"> 中文船名： {{item.shipNameCn}}</text>
    </view>
    <view>
      <text style="font-size: 14px;"> 航次： {{item.voyage}}</text>
    </view>
    <view>
      <text style="font-size: 14px;"> 码头： {{item.wharf}}</text>
    </view>
    <view>
      <text style="font-size: 14px;"> 类型： {{item.type}}</text>
    </view>
    <view>
      <text style="font-size: 14px;"> 开港时间： {{item.startTime}}</text>
    </view>
    <view>
      <text style="font-size: 14px;"> 截关时间： {{item.endTime}}</text>
    </view>


    </view>

  </view>
</view>