del pic in index

This commit is contained in:
LingZhaoHui 2022-07-02 14:00:13 +08:00
parent b5f58e9173
commit d2416aea0b
4 changed files with 13 additions and 61 deletions

View File

@ -31,13 +31,6 @@
<div class="blog-slider card"> <div class="blog-slider card">
<div class="blog-slider__wrp swiper-wrapper"> <div class="blog-slider__wrp swiper-wrapper">
<div class="blog-slider__item swiper-slide"> <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 class="blog-slider__content">
<div> <div>
<span class="blog-slider__code" <span class="blog-slider__code"
@ -60,8 +53,8 @@
href="${article.articlePermalink}">${article.articleTitle!}</a> href="${article.articlePermalink}">${article.articleTitle!}</a>
</h2> </h2>
<div class="blog-slider__text is-size-6" content="" > <div class="blog-slider__text is-size-6" content="" >
<#if article.articleAbstractText!?length gt 48> <#if article.articleAbstractText!?length gt 150>
${article.articleAbstractText!?substring(0, 48)} <#else> ${article.articleAbstractText!?substring(0, 150)} <#else>
${article.articleAbstractText!}</#if> ${article.articleAbstractText!}</#if>
</div> </div>
<a href="${article.articlePermalink}" <a href="${article.articlePermalink}"
@ -74,13 +67,6 @@
</div> </div>
<#else> <#else>
<div class="card"> <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="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 article-meta is-size-7 is-uppercase is-mobile is-overflow-x-auto">
<div class="level-left"> <div class="level-left">
@ -108,10 +94,9 @@
</h2> </h2>
<div id="is-hidden-touch" class="content is-hidden-touch is-size-6"> <div id="is-hidden-touch" class="content is-hidden-touch is-size-6">
<#if article.articleAbstractText!?length gt 128> <#if article.articleAbstractText!?length gt 200>
${article.articleAbstractText!?substring(0, 110)} <#else> ${article.articleAbstractText!?substring(0, 200)} <#else>
${article.articleAbstractText!}</#if> ${article.articleAbstractText!}</#if>
<#-- ${article.articleAbstractText!?substring(0, 110)} ...... -->
</div> </div>
<div class="level is-mobile"> <div class="level is-mobile">

View File

@ -22,6 +22,10 @@
.container { .container {
max-width: 1280px; max-width: 1280px;
} }
.media-comment .media-content {
max-width: 240px;
max-height: 130px;
}
</style> </style>
<footer class="footer"> <footer class="footer">

View File

@ -45,31 +45,11 @@
<#list mostViewCountArticles as article> <#list mostViewCountArticles as article>
<article class="media"> <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="media-content">
<div class="content"> <div class="content">
<div style="padding-top: 10px;"> <div style="padding-top: 10px;padding-left:20px;" >
<a href="${article.articlePermalink}" class="">${article.articleTitle!}</a>
<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> </div>
<a href="${article.articlePermalink}"
class="title has-link-black-ter is-size-6 has-text-weight-normal">${article.articleTitle!}</a>
</div> </div>
</div> </div>
</article> </article>

View File

@ -24,10 +24,10 @@
<nav class="level"> <nav class="level">
<div class="level-item has-text-centered" style="flex-shrink: 1"> <div class="level-item has-text-centered" style="flex-shrink: 1">
<div class="level"> <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" <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);"> style="padding: 2px; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);">
</figure> </figure> -->
<div class="level-right"> <div class="level-right">
<div> <div>
</div> </div>
@ -123,15 +123,7 @@
</div> </div>
<#list recentComments as comment> <#list recentComments as comment>
<article class="media media-comment"> <article class="media media-comment">
<a href="${comment.commentSharpURL}" class="media-left"> <div class="media-content" style="padding-left:20px;">
<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 style="padding-top: 10px;padding-right:10px;"> <div style="padding-top: 10px;padding-right:10px;">
<div class="has-text-grey is-size-7 is-uppercase"> <div class="has-text-grey is-size-7 is-uppercase">
<a href="${comment.commentURL}" rel="nofollow" target="_black"> <a href="${comment.commentURL}" rel="nofollow" target="_black">
@ -143,7 +135,6 @@
<a href="${comment.commentSharpURL}" <a href="${comment.commentSharpURL}"
class="title has-link-black-ter is-size-6 class="title has-link-black-ter is-size-6
has-text-weight-normal" style="background-color:#f7f7f7 !important;"> ${comment.commentContent}</a> has-text-weight-normal" style="background-color:#f7f7f7 !important;"> ${comment.commentContent}</a>
</div>
</div> </div>
</article> </article>
</#list> </#list>
@ -178,14 +169,6 @@
</div> </div>
<#list mostViewCountArticles as article> <#list mostViewCountArticles as article>
<article class="media"> <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="media-content">
<div class="content"> <div class="content">
<div style="padding-top: 10px;"> <div style="padding-top: 10px;">