优化样式
This commit is contained in:
parent
8643be5617
commit
6b40e167fc
|
@ -41,7 +41,16 @@
|
||||||
<div class="blog-slider__content">
|
<div class="blog-slider__content">
|
||||||
<div>
|
<div>
|
||||||
<span class="blog-slider__code"
|
<span class="blog-slider__code"
|
||||||
style="display:inline-block">${article.articleCreateDate?string("yyyy年MM月dd日")}</span>
|
style="display:inline-block">${article.articleCreateDate?string("yyyy.MM.dd")}</span>
|
||||||
|
浏览
|
||||||
|
<#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>
|
||||||
<#if article.categoryURI??>
|
<#if article.categoryURI??>
|
||||||
<h1 style="display:inline-block"><a class="has-link-black-ter"
|
<h1 style="display:inline-block"><a class="has-link-black-ter"
|
||||||
href="/category/${article.categoryURI}">${article.articleCategory}</a></h1>
|
href="/category/${article.categoryURI}">${article.articleCategory}</a></h1>
|
||||||
|
@ -51,8 +60,8 @@
|
||||||
href="${article.articlePermalink}">${article.articleTitle!}</a>
|
href="${article.articlePermalink}">${article.articleTitle!}</a>
|
||||||
</h2>
|
</h2>
|
||||||
<div class="blog-slider__text" content="">
|
<div class="blog-slider__text" content="">
|
||||||
<#if article.articleAbstractText!?length gt 24>
|
<#if article.articleAbstractText!?length gt 40>
|
||||||
${article.articleAbstractText!?substring(0, 24)} ......<#else>
|
${article.articleAbstractText!?substring(0, 40)} ......<#else>
|
||||||
${article.articleAbstractText!}</#if>
|
${article.articleAbstractText!}</#if>
|
||||||
</div>
|
</div>
|
||||||
<a href="${article.articlePermalink}"
|
<a href="${article.articlePermalink}"
|
||||||
|
@ -76,7 +85,16 @@
|
||||||
<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">
|
||||||
<time
|
<time
|
||||||
class="level-item has-text-grey">${article.articleCreateDate?string("yyyy年MM月dd日")}</time>
|
class="level-item has-text-grey">${article.articleCreateDate?string("yyyy.MM.dd")}</time>
|
||||||
|
浏览
|
||||||
|
<#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>
|
||||||
<#if article.articleCategory != "">
|
<#if article.articleCategory != "">
|
||||||
<h1 style="display:inline-block"> <a class="has-link-black-ter"
|
<h1 style="display:inline-block"> <a class="has-link-black-ter"
|
||||||
href="/category/${article.categoryURI}">${article.articleCategory}</a></h1>
|
href="/category/${article.categoryURI}">${article.articleCategory}</a></h1>
|
||||||
|
|
20
article.ftl
20
article.ftl
|
@ -69,29 +69,29 @@
|
||||||
</h1>
|
</h1>
|
||||||
<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">
|
||||||
<div class="level-item has-text-grey">
|
|
||||||
${article.articleUpdateDate?string("yyyy.MM.dd")} 最后跟新
|
|
||||||
</div>
|
|
||||||
<!--<div class="level-item has-text-grey">
|
<!--<div class="level-item has-text-grey">
|
||||||
${article.articleCreateDate?string("yyyy.MM.dd")} 创建
|
${article.articleUpdateDate?string("yyyy.MM.dd")}
|
||||||
</div>-->
|
</div>-->
|
||||||
<div>
|
<div class="level-item has-text-grey">
|
||||||
|
${article.articleCreateDate?string("yyyy.MM.dd")}
|
||||||
|
</div>
|
||||||
|
<div>浏览
|
||||||
<#assign viewCountStr=article.articleViewCount?string('#.###')/>
|
<#assign viewCountStr=article.articleViewCount?string('#.###')/>
|
||||||
<#if viewCountStr?length gt 3>
|
<#if viewCountStr?length gt 3>
|
||||||
<#assign viewCount=viewCountStr?number/>
|
<#assign viewCount=viewCountStr?number/>
|
||||||
<#assign viewCountK=viewCount/1000 />
|
<#assign viewCountK=viewCount/1000 />
|
||||||
${viewCountK?string('#.##')}K 浏览
|
${viewCountK?string('#.##')}K
|
||||||
<#else>
|
<#else>
|
||||||
${article.articleViewCount} 浏览
|
${article.articleViewCount}
|
||||||
</#if>
|
</#if>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<#if article.articleCommentCount != 0>
|
<#if article.articleCommentCount != 0>
|
||||||
<a href="#comments">${article.articleCommentCount} 评论 </a>
|
评论 <a href="#comments">${article.articleCommentCount} </a>
|
||||||
</#if>
|
</#if>
|
||||||
</div>
|
</div>
|
||||||
<div class="level-item has-text-grey">
|
<div class="level-item has-text-grey">
|
||||||
${article.articleCategory}
|
分类: ${article.articleCategory}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -77,6 +77,9 @@
|
||||||
.halo-comment {
|
.halo-comment {
|
||||||
min-width: 300px;
|
min-width: 300px;
|
||||||
}
|
}
|
||||||
|
.blog-slider__content{
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
<nav class="navbar navbar-main is-paddingless ">
|
<nav class="navbar navbar-main is-paddingless ">
|
||||||
|
|
Loading…
Reference in New Issue