This commit is contained in:
parent
333c634020
commit
6ce4586997
@ -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
@ -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;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user