@props(['oArticle'])
<div class="list-item default block ajax-item" data-article-id="{{ $oArticle->id }}">
    <div class="media media-3x2 col-4 col-md-3 col-xl-4">
        <a class="media-content" href="{{ url('/a/'.$oArticle->sSlug).'.html' }}" title="{{ $oArticle->sTitle }}" style="background-image:url('{{ $oArticle->sThumb }}')"></a>
    </div>
    <div class="list-content">
        <div class="list-body">
            <a href=" {{ url('/a/'.$oArticle->sSlug.'.html') }} " title="{{$oArticle->sTitle}}" class="list-title h5 h-2x">
                {{ $oArticle->sTitle }}
            </a>
            <div class="list-desc d-none d-xl-block text-secondary text-sm mt-2">
                <div class="h-2x">
                    {!! $oArticle->sTitleSub !!}
                </div>
            </div>
        </div>
        <div class="list-footer">
            <div class="d-flex flex-fill align-items-center text-xs text-muted">
                <a href="{{ \App\Services\Seo::url(\App\Services\Seo::categoryPath($oArticle->oCategory)) }}" class="me-2 me-md-3"><i class="text-sm iconfont icon-dots-circle me-1"></i>{!! $oArticle->oCategory->sName !!}</a>
                <div class="flex-fill"></div>
                    @if ($oArticle->iIsTop)
                        <span class="d-none d-md-inline-block ms-2 ms-md-3" style="color: var(--color-primary);">置顶</span>
                        <!-- <i class="text-sm iconfont icon-pushpin me-1" style="color: var(--color-primary);"></i> -->
                    @endif
                    <time datetime="{{ $oArticle->created_at?->toAtomString() }}" class="d-none d-md-inline-block ms-2 ms-md-3">{{ $oArticle->sCreatedAtDiff }}</time>
            </div>
        </div>
    </div>
</div>