114 lines
4.8 KiB
PHP
Executable File
114 lines
4.8 KiB
PHP
Executable File
<x-app-layout
|
|
:sSlug="$oCategory->sSlug ?? ''"
|
|
:sTitle="$oArticle->sTitle . ' - ' . $oArticle->oCategory->sName"
|
|
:sDesc="$oArticle->sTitleSub"
|
|
sOgType="article"
|
|
:sOgImg="$oArticle->sThumb"
|
|
>
|
|
|
|
@section('sTitle', $oArticle->sTitle . ' - ' . $oArticle->oCategory->sName)
|
|
@section('sDesc', $oArticle->sTitleSub)
|
|
@section('sOgType', 'article')
|
|
|
|
<main class="site-main">
|
|
<div class="container">
|
|
<div class="d-none d-md-flex breadcrumbs text-muted mb-2">
|
|
<span itemprop="itemListElement">
|
|
<a href="/" itemprop="item" class="home">
|
|
<span itemprop="name">首页</span>
|
|
</a>
|
|
</span>
|
|
@if($oArticle->oCategory?->oParent)
|
|
<span class="sep">
|
|
<i class="text-primary iconfont icon-dot"></i>
|
|
</span>
|
|
<span itemprop="itemListElement">
|
|
<a href="{{ $oArticle->oCategory->oParent->sSlug }}" itemprop="item">
|
|
<span itemprop="name">{{ $oArticle->oCategory->oParent->sName }}</span>
|
|
</a>
|
|
</span>
|
|
@endif
|
|
<span class="sep">
|
|
<i class="text-primary iconfont icon-dot"></i>
|
|
</span>
|
|
<span itemprop="itemListElement">
|
|
<a href="{{ $oArticle->oCategory->sSlug }}" itemprop="item">
|
|
<span itemprop="name">{{ $oArticle->oCategory->sName }}</span>
|
|
</a>
|
|
</span>
|
|
<span class="sep">
|
|
<i class="text-primary iconfont icon-dot"></i>
|
|
</span>
|
|
<span class="current">{{ $oArticle->sTitle }}</span>
|
|
</div>
|
|
<div class="row">
|
|
<div class="content-wrapper col-lg-8">
|
|
<div class="post card card-md">
|
|
<div class="card-body">
|
|
<div class="post-title mb-3">
|
|
<h1 class="mb-3">{{ $oArticle->sTitle }}</h1>
|
|
<div class="post-meta text-xs">
|
|
<a href="/"><i class="text-sm iconfont icon-user1 me-1"></i>{{ config('app.name') }}</a>
|
|
<i class="text-primary iconfont icon-dot mx-2"></i>
|
|
<span class="text-muted">{{ $oArticle->sCreatedAtDiff }}</span>
|
|
</div>
|
|
</div>
|
|
<div class="post-content">
|
|
@if ($oArticle->sThumb)
|
|
<p>
|
|
<img decoding="async" class="size-full wp-image-28 aligncenter" src="{{ $oArticle->sThumb }}" style="border-radius: 8px;">
|
|
</p>
|
|
@endif
|
|
{!! nl2br($oArticle->sContent) !!}
|
|
</div>
|
|
|
|
<div class="post-tags mt-3 mt-md-4">
|
|
<div class="">
|
|
@foreach($oArticle->oTags as $oTag)
|
|
<a href="/tag/{{ $oTag->sSlug }}" rel"rag"><span># {{ $oTag->sName }}</span></a>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
|
|
<div class="post-actions d-flex align-items-center my-3 my-md-4">
|
|
<a href="javascript:;"
|
|
class="post-like-button btn btn-light btn-w-md btn-rounded me-2"
|
|
data-action="like" data-id="{{ $oArticle->id }}">
|
|
<i class="text-lg iconfont icon-like"></i>
|
|
<span class="like-count">{{ $oArticle->iLikeCount }}</span>
|
|
</a>
|
|
<div class="flex-fill"></div>
|
|
<a href="javascript:;" class="btn btn-light btn-icon btn-rounded btn-share-toggler">
|
|
<span><i class="iconfont icon-share-square"></i></span>
|
|
</a>
|
|
<template id="single-share-template">
|
|
<div class="row g-0 text-center justify-content-center py-3 py-md-4 mx-md-0">
|
|
<div class="col-4 col-md-3">
|
|
<a href="javascript:;" id="urlCopy" data-clipboard-text="{{ config('app.url') }}" class="d-inline-block copy-permalink">
|
|
<div class="btn btn-light btn-icon btn-md btn-rounded mb-1">
|
|
<span><i class="iconfont icon-link"></i></span>
|
|
</div>
|
|
<div class="text-secondary text-xs mt-1">复制链接</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="sidebar col-lg-4 d-none d-lg-block ms-lg-auto ">
|
|
@include('components.order-likes')
|
|
@include('components.generated-tags-cloud')
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
</x-app-layout>
|
|
|