CargoOwner_WxApp/miniprogram/pages/share/sharePage.wxml

<map scale="8" latitude="{{latitude}}" longitude="{{longitude}}" markers="{{markers}}" style="width: 100%;height: 400rpx;" name="map"></map>
<view class="card">
  <view style="padding: 10rpx 0;border-bottom: 4rpx solid #ddd;">{{shipName}}</view>
  <view>
    <view class="df aic mt30 fz28 c3">
      <view class="df item">
        <view>装货港</view> <text class="mr20">:</text> {{loadPort}}
      </view>
      <view class="df item">
        <view>卸货港</view> <text class="mr20">:</text> {{discPort}}
      </view>
    </view>
    <view class="df aic mt30 fz28 c3">
      <view class="df item">
        <view>货种</view> <text class="mr20">:</text> {{cargo}}
      </view>
      <view class="df item">
        <view>吨位</view> <text class="mr20">:</text> {{tons}}
      </view>
    </view>
  </view>
</view>
<view style="position: relative;">
  <scroll-view class="card" scroll-y="true" style="height:calc(100vh - 730rpx);position: relative;z-index: 20;" lower-threshold="50">
    <view class="{{['df','mb20','mb50']}}" style="position: relative;z-index: 2;">
      <view class="{{['mr30','title-circle']}}" style="background: green;"></view>
      <view class="text">
        <view class="card-title">卸货港</view>
        <view class="in-text df">
          <view style="width: 250rpx;margin-right: 30rpx;">沙市</view>
          <view>预计到港时间{{expectedArrivalTime}}</view>
        </view>
      </view>
    </view>
    <view class="{{['df','mb20',index==transInfos.length-1?'mb50':'']}}" style="position: relative;z-index: 2;" wx:for="{{transInfos}}" wx:key="index">
      <view class="{{['mr30',index==0?'title-circle transInfos':'circle']}}"></view>
      <view class="text">
        <view wx:if="{{index==0}}" class="card-title">运输中</view>
        <view class="in-text df">
          <view style="width: 250rpx;margin-right: 30rpx;">{{item.createTime}}</view>
          <view>{{item.province}}/{{item.city}}/{{item.district}}</view>
        </view>
      </view>
    </view>
    <view class="{{['df','mb20',index==loadingInfos.length-1?'mb50':'']}}" style="position: relative;z-index: 2;" wx:for="{{loadingInfos}}" wx:key="index">
      <view class="{{['mr30',index==0?'title-circle':'circle']}}"></view>
      <view class="text">
        <view wx:if="{{index==0}}" class="card-title">装货中</view>
        <view class="in-text df">
          <view style="width: 250rpx;margin-right: 30rpx;">{{item.createTime}}</view>
          <view>{{item.province}}/{{item.city}}/{{item.district}}</view>
        </view>
      </view>
    </view>
    <view class="{{['df','mb20','mb50']}}" style="position: relative;z-index: 2;">
      <view class="{{['mr30','title-circle']}}"></view>
      <view class="text">
        <view class="card-title">开航</view>
        <view class="in-text df">
          <view style="width: 250rpx;margin-right: 30rpx;">{{setSailTime}}</view>
          <view></view>
        </view>
      </view>
    </view>
  </scroll-view>
  <view class="long-line"></view>

</view>