del pic in index
This commit is contained in:
parent
b5f58e9173
commit
d2416aea0b
|
|
@ -31,13 +31,6 @@
|
|||
<div class="blog-slider card">
|
||||
<div class="blog-slider__wrp swiper-wrapper">
|
||||
<div class="blog-slider__item swiper-slide">
|
||||
<div class="blog-slider__img">
|
||||
<a href="${article.articlePermalink}">
|
||||
<img class="thumbnail" src="${adminUser.userAvatar!}" height="250" width="150"
|
||||
data-src="${article.articleImg1URL}" alt="${article.articleTitle!}"
|
||||
referrerpolicy="origin">
|
||||
</a>
|
||||
</div>
|
||||
<div class="blog-slider__content">
|
||||
<div>
|
||||
<span class="blog-slider__code"
|
||||
|
|
@ -60,8 +53,8 @@
|
|||
href="${article.articlePermalink}">${article.articleTitle!}</a>
|
||||
</h2>
|
||||
<div class="blog-slider__text is-size-6" content="" >
|
||||
<#if article.articleAbstractText!?length gt 48>
|
||||
${article.articleAbstractText!?substring(0, 48)} <#else>
|
||||
<#if article.articleAbstractText!?length gt 150>
|
||||
${article.articleAbstractText!?substring(0, 150)} <#else>
|
||||
${article.articleAbstractText!}</#if>
|
||||
</div>
|
||||
<a href="${article.articlePermalink}"
|
||||
|
|
@ -74,13 +67,6 @@
|
|||
</div>
|
||||
<#else>
|
||||
<div class="card">
|
||||
<div class="card-image">
|
||||
<a href="${article.articlePermalink}">
|
||||
<img class="thumbnail" src="${adminUser.userAvatar!}" height="200" width="100"
|
||||
data-src="${article.articleImg1URL}" alt="${article.articleTitle!}"
|
||||
referrerpolicy="origin">
|
||||
</a>
|
||||
</div>
|
||||
<div class="card-content article " id="card-content" style="width: 100%">
|
||||
<div class="level article-meta is-size-7 is-uppercase is-mobile is-overflow-x-auto">
|
||||
<div class="level-left">
|
||||
|
|
@ -108,10 +94,9 @@
|
|||
|
||||
</h2>
|
||||
<div id="is-hidden-touch" class="content is-hidden-touch is-size-6">
|
||||
<#if article.articleAbstractText!?length gt 128>
|
||||
${article.articleAbstractText!?substring(0, 110)} <#else>
|
||||
<#if article.articleAbstractText!?length gt 200>
|
||||
${article.articleAbstractText!?substring(0, 200)} <#else>
|
||||
${article.articleAbstractText!}</#if>
|
||||
<#-- ${article.articleAbstractText!?substring(0, 110)} ...... -->
|
||||
</div>
|
||||
|
||||
<div class="level is-mobile">
|
||||
|
|
|
|||
|
|
@ -22,6 +22,10 @@
|
|||
.container {
|
||||
max-width: 1280px;
|
||||
}
|
||||
.media-comment .media-content {
|
||||
max-width: 240px;
|
||||
max-height: 130px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<footer class="footer">
|
||||
|
|
|
|||
|
|
@ -45,31 +45,11 @@
|
|||
|
||||
<#list mostViewCountArticles as article>
|
||||
<article class="media">
|
||||
<#if article.articleImg1URL?? && article.articleImg1URL!=''>
|
||||
<a href="${article.articlePermalink}" class="media-left">
|
||||
<p class="image is-64x64">
|
||||
<img class="thumbnail" src="${adminUser.userAvatar!}"width="48" height="48"
|
||||
data-src="${article.articleImg1URL!}" alt="${article.articleTitle!}">
|
||||
</p>
|
||||
</a>
|
||||
</#if>
|
||||
<div class="media-content">
|
||||
<div class="content">
|
||||
<div style="padding-top: 10px;">
|
||||
|
||||
<div class="has-text-grey is-size-7 is-uppercase">
|
||||
<#assign viewCountStr=article.articleViewCount?string('#.###')/>
|
||||
<#if viewCountStr?length gt 3>
|
||||
<#assign viewCount=viewCountStr?number/>
|
||||
<#assign viewCountK=viewCount/1000 />
|
||||
${viewCountK?string('#.##')}K 浏览
|
||||
<#else>
|
||||
${article.articleViewCount}浏览
|
||||
</#if>
|
||||
</div>
|
||||
<div style="padding-top: 10px;padding-left:20px;" >
|
||||
<a href="${article.articlePermalink}" class="">${article.articleTitle!}</a>
|
||||
</div>
|
||||
<a href="${article.articlePermalink}"
|
||||
class="title has-link-black-ter is-size-6 has-text-weight-normal">${article.articleTitle!}</a>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
|
|
|||
23
side.ftl
23
side.ftl
|
|
@ -24,10 +24,10 @@
|
|||
<nav class="level">
|
||||
<div class="level-item has-text-centered" style="flex-shrink: 1">
|
||||
<div class="level">
|
||||
<figure class="image is-64x64 has-mb-6 level-left" style="margin: 0 auto">
|
||||
<!-- <figure class="image is-64x64 has-mb-6 level-left" style="margin: 0 auto">
|
||||
<img class="is-rounded" src="${faviconURL}" alt="${blogTitle!}" height="48" width="48"
|
||||
style="padding: 2px; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);">
|
||||
</figure>
|
||||
</figure> -->
|
||||
<div class="level-right">
|
||||
<div>
|
||||
</div>
|
||||
|
|
@ -123,15 +123,7 @@
|
|||
</div>
|
||||
<#list recentComments as comment>
|
||||
<article class="media media-comment">
|
||||
<a href="${comment.commentSharpURL}" class="media-left">
|
||||
<p class="image is-48x48">
|
||||
<img class="thumbnail" src="${adminUser.userAvatar!}"
|
||||
data-src="${comment.commentThumbnailURL}"
|
||||
alt="${comment.commentName}">
|
||||
</p>
|
||||
</a>
|
||||
<div class="media-content">
|
||||
<div class="content">
|
||||
<div class="media-content" style="padding-left:20px;">
|
||||
<div style="padding-top: 10px;padding-right:10px;">
|
||||
<div class="has-text-grey is-size-7 is-uppercase">
|
||||
<a href="${comment.commentURL}" rel="nofollow" target="_black">
|
||||
|
|
@ -143,7 +135,6 @@
|
|||
<a href="${comment.commentSharpURL}"
|
||||
class="title has-link-black-ter is-size-6
|
||||
has-text-weight-normal" style="background-color:#f7f7f7 !important;"> ${comment.commentContent}</a>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</#list>
|
||||
|
|
@ -178,14 +169,6 @@
|
|||
</div>
|
||||
<#list mostViewCountArticles as article>
|
||||
<article class="media">
|
||||
<#if article.articleImg1URL?? && article.articleImg1URL!=''>
|
||||
<a href="${article.articlePermalink}" class="media-left">
|
||||
<p class="image is-64x64">
|
||||
<img class="thumbnail" src="${adminUser.userAvatar!}" data-src="${article.articleImg1URL!}"
|
||||
alt="${article.articleTitle!}">
|
||||
</p>
|
||||
</a>
|
||||
</#if>
|
||||
<div class="media-content">
|
||||
<div class="content">
|
||||
<div style="padding-top: 10px;">
|
||||
|
|
|
|||
Loading…
Reference in New Issue