mirror of https://github.com/abpframework/abp.git
1 changed files with 38 additions and 48 deletions
@ -1,55 +1,45 @@ |
|||
@page |
|||
|
|||
@using Volo.CmsKit.Public.Web.Pages |
|||
@using Volo.CmsKit.Public.Web.Pages.Public.CmsKit.Blogs |
|||
|
|||
@inherits CmsKitPublicPageBase |
|||
|
|||
@model IndexModel |
|||
@model IndexModel |
|||
|
|||
@section styles{ |
|||
<abp-style src="/Pages/Public/CmsKit/Blogs/index.css" /> |
|||
<abp-style src="/Pages/Public/CmsKit/Blogs/index.css" /> |
|||
} |
|||
@{ |
|||
const string dummyImageSource = "https://dummyimage.com/320x180/a3a3a3/fff.png"; |
|||
const string dummyImageSource = "https://dummyimage.com/320x180/a3a3a3/fff.png"; |
|||
} |
|||
|
|||
<div id="blogs-container" class="m-4"> |
|||
<abp-row> |
|||
@foreach (var blog in Model.Blogs.Items) |
|||
{ |
|||
<abp-column size="_12" size-md="_6" size-lg="_4"> |
|||
<abp-card> |
|||
@if (blog.CoverImageMediaId != null) |
|||
{ |
|||
<img src="/api/cms-kit/media/@blog.CoverImageMediaId" class="card-img-top" onerror="this.src='@dummyImageSource'" /> |
|||
} |
|||
else |
|||
{ |
|||
<img src="@(dummyImageSource)?text=@blog.Title" class="card-img-top" /> |
|||
} |
|||
<abp-card-body class="p-4"> |
|||
<h5>@blog.Title</h5> |
|||
<p class="mb-2"> |
|||
<span class="font-weight-bold">@@@blog.Author?.UserName</span> |
|||
<small style="opacity:.65;">@blog.CreationTime</small> |
|||
</p> |
|||
<p style="min-height: 60px;">@blog.ShortDescription</p> |
|||
<div class="d-grid gap-2"> |
|||
<a href="/blogs/@Model.BlogSlug/@blog.Slug" class="btn btn-light"> |
|||
@L["Read"] |
|||
</a> |
|||
</div> |
|||
</abp-card-body> |
|||
</abp-card> |
|||
</abp-column> |
|||
|
|||
} |
|||
</abp-row> |
|||
<abp-row> |
|||
<abp-column> |
|||
<abp-paginator model="Model.PagerModel" /> |
|||
</abp-column> |
|||
</abp-row> |
|||
</div> |
|||
<abp-row id="blogs-container"> |
|||
@foreach (var blog in Model.Blogs.Items) |
|||
{ |
|||
<abp-column size="_12" size-md="_6" size-lg="_4"> |
|||
<abp-card> |
|||
@if (blog.CoverImageMediaId != null) |
|||
{ |
|||
<img src="/api/cms-kit/media/@blog.CoverImageMediaId" class="card-img-top" onerror="this.src='@dummyImageSource'" /> |
|||
} |
|||
else |
|||
{ |
|||
<img src="@(dummyImageSource)?text=@blog.Title" class="card-img-top" /> |
|||
} |
|||
<abp-card-body class="p-4"> |
|||
<h5>@blog.Title</h5> |
|||
<p class="mb-2"> |
|||
<span class="font-weight-bold">@@@blog.Author?.UserName</span> |
|||
<small style="opacity:.65;">@blog.CreationTime</small> |
|||
</p> |
|||
<p style="min-height: 60px;">@blog.ShortDescription</p> |
|||
<div class="d-grid gap-2"> |
|||
<a href="/blogs/@Model.BlogSlug/@blog.Slug" class="btn btn-light"> |
|||
@L["Read"] |
|||
</a> |
|||
</div> |
|||
</abp-card-body> |
|||
</abp-card> |
|||
</abp-column> |
|||
|
|||
} |
|||
</abp-row> |
|||
<abp-row> |
|||
<abp-column> |
|||
<abp-paginator model="Model.PagerModel" /> |
|||
</abp-column> |
|||
</abp-row> |
|||
Loading…
Reference in new issue