Agency_WxApp/miniprogram/pages/shipOwnerManage/shipOwnerList/shipOwnerList.wxml

<DateBar></DateBar>
<view class="df aic func">
  <view class="search df aic">
    <input model:value="{{term}}" confirm-type="search" bindconfirm="getShipOwnerList" type="text" placeholder="搜索船东" placeholder-class="placeholder" />
    <image src="../../../images/newUI/search.png" class="avatar" bindtap="getShipOwnerList"></image>
  </view>
  <view class="create" bindtap="addShipOwner">创建船东</view>
  <view class="bar">
    <view style="padding-bottom: 4rpx;" bindtap="tapLetter" data-letter="{{item.letter=='?'?'index':item.letter}}" wx:for="{{shipOwnerList}}" wx:key="userPhone">{{item.letter}}</view>
  </view>
</view>
<scroll-view scroll-y="true" style="height: calc(100vh - 200rpx);margin-top: 12rpx;" scroll-into-view="{{currentLetter}}">
  <view wx:for="{{shipOwnerList}}" wx:key="letter">
    <view class="letter" id="{{item.letter=='?'?'index':item.letter}}">
      {{item.letter}}
    </view>
    <view class="letter-block">
      <view class="phones" wx:for="{{item.data}}" wx:for-index="index1" wx:for-item="item1" wx:key="userId" bindtap="createVoyage" data-shipowner="{{item1}}">
        <view class="df aic">
          <view class="col col-1">{{item1.userName}}</view>
          <view class="col col-2">{{item1.shipName}}</view>
          <view class="col col-3">{{item1.cargo}}</view>
          <image mode="aspectFit" class="col col-4" style="width: 40rpx;height: 40rpx;" catchtap="call" data-phone="{{item1.userPhone}}" src="../../../images/phone.png"></image>
        </view>
        <view wx:if="{{index1!=item1.length-1}}" class="long-line"></view>
      </view>
    </view>
  </view>
</scroll-view>