This commit is contained in:
Van 2019-02-28 16:47:15 +08:00
parent 333c634020
commit 6ce4586997
No known key found for this signature in database
GPG Key ID: 7059B8783A78F16C
3 changed files with 13 additions and 18 deletions

View File

@ -23,27 +23,27 @@
<div class="item__container"> <div class="item__container">
<div class="item__cover" style="background-image: url(${article.articleImg1URL})"></div> <div class="item__cover" style="background-image: url(${article.articleImg1URL})"></div>
<div rel="bookmark" class="item__abstract"> <div rel="bookmark" class="item__abstract">
<div> <a pjax-title="${article.articleTitle}" href="${servePath}${article.articlePermalink}">
${article.articleAbstractText} ${article.articleAbstractText}
</div> </a>
</div> </div>
<div class="item__slant"></div> <div class="item__slant"></div>
<div class="item__slant item__slant--white"></div> <div class="item__slant item__slant--white"></div>
<div class="item__main"> <div class="item__main">
<h2 class="item__title">
<a rel="bookmark" href="${servePath}${article.articlePermalink}">
${article.articleTitle}
</a>
<#if article.articlePutTop> <#if article.articlePutTop>
<sup> <sup class="ft__red">
${topArticleLabel} ${topArticleLabel}
</sup> </sup>
</#if> </#if>
<#if article.hasUpdated> <#if article.hasUpdated>
<sup> <sup class="ft__red">
${updatedLabel} ${updatedLabel}
</sup> </sup>
</#if> </#if>
<h2 class="item__title">
<a rel="bookmark" href="${servePath}${article.articlePermalink}">
${article.articleTitle}
</a>
</h2> </h2>
<#list article.articleTags?split(",") as articleTag> <#list article.articleTags?split(",") as articleTag>
<#if articleTag_index == 0> <#if articleTag_index == 0>

File diff suppressed because one or more lines are too long

View File

@ -319,7 +319,9 @@ a:active, a:focus, a:hover {
word-break: break-all; word-break: break-all;
box-sizing: border-box; box-sizing: border-box;
transition: all .5s; transition: all .5s;
& > div { & > a {
color: #fff;
display: block;
opacity: 0; opacity: 0;
overflow: hidden; overflow: hidden;
-webkit-line-clamp: 7; -webkit-line-clamp: 7;
@ -343,13 +345,6 @@ a:active, a:focus, a:hover {
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
display: -webkit-box; display: -webkit-box;
} }
sup {
font-weight: normal;
font-size: 12px;
float: left;
top: -33px;
color: $red;
}
} }
&__tag { &__tag {
@ -367,7 +362,7 @@ a:active, a:focus, a:hover {
} }
&__abstract { &__abstract {
background-color: rgba(0, 0, 0, .5); background-color: rgba(0, 0, 0, .5);
& > div { & > a {
animation: fade-in; animation: fade-in;
animation-duration: .5s; animation-duration: .5s;
opacity: 1; opacity: 1;