<style>
    .timeline-box .timeline>div>.timeline-item{
        box-shadow: 0 0 1px rgba(0, 0, 0, .125), 0 1px 3px rgba(0, 0, 0, .2);
    }
    .timeline-box ul{
        padding-left: 20px;
    }
    .timeline-box li{
        list-style-type: disc;
    }
</style>
@if(!empty($items))
<div class="timeline-box" >
    <div class="timeline">
        @foreach($items as $key => $item)
        <div>
            <i class="{{$item['icon']}}"></i>
            <div class="timeline-item">
                <span class="time"><i class="fas fa-clock"></i>{{$item['time']}}</span>
                <h3 class="timeline-header">{{$item['title']}}</h3>
                <div class="timeline-body">
                    {!! $item['content'] !!}
                </div>
            </div>
        </div>
        @endforeach
        <div>
            <i class="fa fa-clock-o"></i>
        </div>
    </div>

</div>
@else
<div><span>暂无该单号物流信息，请稍后再试~</span></div>
@endif