65 lines
3.0 KiB
HTML
65 lines
3.0 KiB
HTML
<!-- 爱好 -->
|
|
<div class="author-content" >
|
|
<div class="author-content-item game-lol"
|
|
th:style="'background: url('+ @{${theme.config.about.game.game_bg}} +') top / cover no-repeat'">
|
|
<div class="card-content">
|
|
<div class="author-content-item-tips" th:text="${theme.config.about.game.game_tips}">
|
|
|
|
</div><span class="author-content-item-title"
|
|
th:text="${theme.config.about.game.game_title}"></span>
|
|
<div class="content-bottom">
|
|
<div class="icon-group">
|
|
<div class="loading-bar" role="presentation" aria-hidden="true"></div>
|
|
</div>
|
|
<div class="tips" th:text="${theme.config.about.game.game_uid}"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div th:if="${#strings.equals(theme.config.about.game2.game2_type, 'img')}" class="author-content-item game-wolf"
|
|
th:style="'background: url('+ @{${theme.config.about.game2.game2_bg}} +') top / cover no-repeat'">
|
|
<div class="card-content">
|
|
<div class="author-content-item-tips" th:text="${theme.config.about.game2.game2_tips}">
|
|
|
|
</div><span class="author-content-item-title"
|
|
th:text="${theme.config.about.game2.game2_title}"></span>
|
|
<div class="content-bottom">
|
|
<div class="tips" th:text="${theme.config.about.game2.game2_uid}"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div th:if="${#strings.equals(theme.config.about.game2.game2_type, 'comic')}" class="author-content-item comic-content">
|
|
<div class="card-content">
|
|
<div class="author-content-item-tips" th:text="${theme.config.about.game2.game2_tips}"></div>
|
|
<div class="author-content-item-title" th:text="${theme.config.about.game2.game2_title}"></div>
|
|
<div class="comic-box" >
|
|
<a th:each="comic : ${theme.config.about.game2.comic_list}"
|
|
class="comic-item"
|
|
th:href="${comic.url}"
|
|
rel="external nofollow noreferrer" target="_blank" th:title="${comic.title}" draggable="false">
|
|
<div class="comic-item-cover"><img
|
|
th:with="img = @{${comic.bg}}"
|
|
|
|
th:src="${isLazyload ? loadingImg : img}"
|
|
th:data-lazy-src="${ isLazyload ? img : ''}"
|
|
th:alt="${comic.title}"
|
|
draggable="false" >
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<style>
|
|
.loading-bar::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 500px;
|
|
left: 0;
|
|
filter: drop-shadow(0 -500px 0 #ece5d8);
|
|
width: 500px;
|
|
height: 62.5px;
|
|
background: url([[${theme.config.about.game.loading_bar}]]) no-repeat left 100%;
|
|
background-size: 500px 62.5px;
|
|
background-position-x: 0;
|
|
}
|
|
</style>
|
|
</div> |