logistics.wxml 2.04 KB
<!--dist/pages/logistics.wxml-->
<view class="container">
    <view wx:if="{{expressInfoDetailList.length}}">
        <text class="message-title">{{expressSender}}</text>

        <view class="header-detail">
            <image src="../../../assets/images/express_info@2x.png" class="express-icon" mode="aspectFill" />
            <view class="header-content">
                <view class="company">
                    <text class="tips">快递公司:</text>
                    <text class="express-content">{{expressCompanyName}}</text>
                </view>
                <view class="number">
                    <text class="tips">快递单号:</text>
                    <text class="express-content">{{wayBillCode}}</text>
                    <image class='order-detail-order-copy-image' bindtap='onCopyOrderCode' src='../../../assets/images/copyordercode@3x.png'></image>
                </view>
            </view>       
        </view>

        <view class="space-line"></view>

        <view class='logistics-list'>
            <block wx:for="{{expressInfoDetailList}}" wx:key="{{index}}">
            <view class='cell'>
                <view class="left-view">
                    <view wx:if="{{index==0}}" class="black-view">
                        <image class="icon" src="../../../assets/images/xuanze@2x.png"></image>
                        <view class="first-line"></view>
                    </view>
                    <view wx:else class="gray-view">
                        <view class="circle"></view>
                        <view class="line"></view>
                    </view>
                </view>
                <view class="right-view">
                    <view class="content {{index==0?'black':''}}">{{item.acceptRemark}}</view>
                    <view class="time {{index==0?'black':''}}">{{item.createTimeStr}}</view>
                </view>
            </view>
            </block>
        </view>
    </view>
    <view wx:else class='empty'>
        <no-data-show-view emptyText="暂无物流"></no-data-show-view>
    </view>

</view>