优化图库
This commit is contained in:
parent
cbedb51b4a
commit
403db7849a
|
@ -13,28 +13,25 @@
|
||||||
<main class="layout hide-aside" id="content-inner">
|
<main class="layout hide-aside" id="content-inner">
|
||||||
<div id="page">
|
<div id="page">
|
||||||
<div id="album">
|
<div id="album">
|
||||||
<div class="author-content author-content-item essayPage single"
|
<th:div th:replace="~{macro/author-content :: author-content(background = ${theme.config.photos.backgroundImg},
|
||||||
th:style="'background:url('+${theme.config.photos.backgroundImg}+') left 28% / cover no-repeat !important;'">
|
smallTitle = ${theme.config.photos.smallTitle},
|
||||||
<div class="card-content">
|
bigTitle = ${theme.config.photos.bigTitle},
|
||||||
<div class="author-content-item-tips" th:text="${theme.config.photos.smallTitle}"></div>
|
detail = ${theme.config.photos.detail},
|
||||||
<span class="author-content-item-title" th:text="${theme.config.photos.bigTitle}"></span>
|
buttonUrl = '',
|
||||||
<div class="content-bottom">
|
buttonTitle = '')}" />
|
||||||
<div class="tips" th:text="${theme.config.photos.detail}"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="card-album">
|
<div class="card-album">
|
||||||
<th:block th:each="photos : ${theme.config.photos.list}">
|
<th:block th:each="group : ${photoFinder.groupBy()}">
|
||||||
<div class="card" th:onclick="go([[${photos.group_name}]])">
|
<div class="card" th:onclick="go([[${group.metadata.name}]])">
|
||||||
<img class="card_cover entered loaded"
|
<img class="card_cover entered loaded"
|
||||||
th:src="${photos.url}">
|
th:src="${group.spec.cover}">
|
||||||
<div class="card__content">
|
<div class="card__content">
|
||||||
<p class="card__category" th:text="${photos.group_name}"></p>
|
<p class="card__category" th:text="${group.spec.displayName}"></p>
|
||||||
<h3 class="card__heading" th:text="${photos.group_description}"></h3>
|
<h3 class="card__heading" th:text="${group.spec.description}"></h3>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</th:block>
|
</th:block>
|
||||||
<th:block th:each="photos : ${theme.config.photos.list}">
|
<th:block th:each="photos : ${photoFinder.groupBy()}">
|
||||||
<div class="album-content-nocover"></div>
|
<div class="album-content-nocover"></div>
|
||||||
</th:block>
|
</th:block>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -12,16 +12,12 @@
|
||||||
</header>
|
</header>
|
||||||
<main class="layout hide-aside" id="content-inner">
|
<main class="layout hide-aside" id="content-inner">
|
||||||
<div id="page">
|
<div id="page">
|
||||||
<div class="author-content author-content-item essayPage single"
|
<th:div th:replace="~{macro/author-content :: author-content(background = ${theme.config.equipment.backgroundImg},
|
||||||
th:style="'background:url('+${theme.config.equipment.backgroundImg}+') left 28% / cover no-repeat !important;'">
|
smallTitle = ${theme.config.equipment.smallTitle},
|
||||||
<div class="card-content">
|
bigTitle = ${theme.config.equipment.bigTitle},
|
||||||
<div class="author-content-item-tips" th:text="${theme.config.equipment.smallTitle}"></div>
|
detail = ${theme.config.equipment.detail},
|
||||||
<span class="author-content-item-title" th:text="${theme.config.equipment.bigTitle}"></span>
|
buttonUrl = '',
|
||||||
<div class="content-bottom">
|
buttonTitle = '')}" />
|
||||||
<div class="tips" th:text="${theme.config.equipment.detail}"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div id="equipment" th:if="${not #lists.isEmpty(theme.config.equipment.category_list)}"
|
<div id="equipment" th:if="${not #lists.isEmpty(theme.config.equipment.category_list)}"
|
||||||
th:with="categoryList = ${theme.config.equipment.category_list}">
|
th:with="categoryList = ${theme.config.equipment.category_list}">
|
||||||
<th:block th:each="category : ${categoryList}">
|
<th:block th:each="category : ${categoryList}">
|
||||||
|
|
|
@ -12,22 +12,12 @@
|
||||||
</header>
|
</header>
|
||||||
<main class="layout hide-aside" id="content-inner">
|
<main class="layout hide-aside" id="content-inner">
|
||||||
<div id="page">
|
<div id="page">
|
||||||
<div class="author-content author-content-item essayPage single"
|
<th:div th:replace="~{macro/author-content :: author-content(background = ${theme.config.fcircle.backgroundImg},
|
||||||
th:style="'background:url('+${theme.config.fcircle.backgroundImg}+') left 28% / cover no-repeat !important;'">
|
smallTitle = ${theme.config.fcircle.smallTitle},
|
||||||
<div class="card-content">
|
bigTitle = ${theme.config.fcircle.bigTitle},
|
||||||
<div class="author-content-item-tips" th:text="${theme.config.fcircle.smallTitle}"></div>
|
detail = ${theme.config.fcircle.detail},
|
||||||
<span class="author-content-item-title" th:text="${theme.config.fcircle.bigTitle}"></span>
|
buttonUrl = ${theme.config.fcircle.buttonUrl},
|
||||||
<div class="content-bottom">
|
buttonTitle = ${theme.config.fcircle.buttonTitle})}" />
|
||||||
<div class="tips" th:text="${theme.config.fcircle.detail}"></div>
|
|
||||||
</div>
|
|
||||||
<div class="banner-button-group">
|
|
||||||
<a class="banner-button" th:href="${theme.config.fcircle.buttonUrl}">
|
|
||||||
<i class="fas fa-circle-chevron-right"></i>
|
|
||||||
<span class="banner-button-text" th:text="${theme.config.fcircle.buttonTitle}"></span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!--钓鱼-->
|
<!--钓鱼-->
|
||||||
<th:block th:if="${theme.config.fcircle.fcircleRandomFriendsEnable}" >
|
<th:block th:if="${theme.config.fcircle.fcircleRandomFriendsEnable}" >
|
||||||
<div class="title-h2-a">
|
<div class="title-h2-a">
|
||||||
|
|
|
@ -0,0 +1,21 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en" xmlns:th="http://www.thymeleaf.org">
|
||||||
|
<th:div th:fragment="author-content(background, smallTitle, bigTitle, detail,buttonUrl,buttonTitle)"
|
||||||
|
class="author-content author-content-item essayPage single"
|
||||||
|
th:style="'background:url('+${background}+') left 28% / cover no-repeat !important;'">
|
||||||
|
<div class="card-content">
|
||||||
|
<div class="author-content-item-tips" th:text="${smallTitle}"></div>
|
||||||
|
<span class="author-content-item-title" th:text="${bigTitle}"></span>
|
||||||
|
<div class="content-bottom">
|
||||||
|
<div class="tips" th:text="${detail}"></div>
|
||||||
|
</div>
|
||||||
|
<div class="banner-button-group" th:if="${not #strings.isEmpty(buttonUrl)}">
|
||||||
|
<a class="banner-button" target="_blank" th:href="${buttonUrl}">
|
||||||
|
<i class="fas fa-circle-chevron-right"></i>
|
||||||
|
<span class="banner-button-text" th:text="${buttonTitle}"></span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</th:div>
|
||||||
|
|
||||||
|
</html>
|
|
@ -12,24 +12,12 @@
|
||||||
</header>
|
</header>
|
||||||
<main class="layout hide-aside" id="content-inner">
|
<main class="layout hide-aside" id="content-inner">
|
||||||
<div id="page">
|
<div id="page">
|
||||||
<div class="author-content author-content-item essayPage single"
|
<th:div th:replace="~{macro/author-content :: author-content(background = ${theme.config.moment.backgroundImg},
|
||||||
th:style="'background:url('+${theme.config.moment.backgroundImg}+') left 28% / cover no-repeat !important;'">
|
smallTitle = ${theme.config.moment.smallTitle},
|
||||||
<div class="card-content">
|
bigTitle = ${theme.config.moment.bigTitle},
|
||||||
<div class="author-content-item-tips" th:text="${theme.config.moment.smallTitle}"></div>
|
detail = ${theme.config.moment.detail},
|
||||||
<span class="author-content-item-title" th:text="${theme.config.moment.bigTitle}"></span>
|
buttonUrl = ${theme.config.moment.buttonUrl},
|
||||||
<div class="content-bottom">
|
buttonTitle = ${theme.config.moment.buttonTitle})}" />
|
||||||
<div class="tips" th:text="${theme.config.moment.detail}"></div>
|
|
||||||
</div>
|
|
||||||
<div class="banner-button-group">
|
|
||||||
<a class="banner-button" th:href="${theme.config.moment.buttonUrl}">
|
|
||||||
<i class="fas fa-circle-chevron-right"></i>
|
|
||||||
<span class="banner-button-text" th:text="${theme.config.moment.buttonTitle}"></span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<canvas id="header_canvas" width="1216" height="1871"
|
|
||||||
style="position: absolute; bottom: 0px;"></canvas>
|
|
||||||
</div>
|
|
||||||
<div id="bber">
|
<div id="bber">
|
||||||
<section class="timeline page-1">
|
<section class="timeline page-1">
|
||||||
<ul class="list" id="waterfall">
|
<ul class="list" id="waterfall">
|
||||||
|
|
|
@ -11,31 +11,30 @@
|
||||||
</header>
|
</header>
|
||||||
<main class="layout hide-aside" id="content-inner">
|
<main class="layout hide-aside" id="content-inner">
|
||||||
<div id="page">
|
<div id="page">
|
||||||
<div class="author-content author-content-item essayPage single"
|
<th:block th:each="group : ${photoFinder.groupBy()}">
|
||||||
th:style="'background:url('+${theme.config.equipment.backgroundImg}+') left 28% / cover no-repeat !important;'">
|
|
||||||
<div class="card-content">
|
<th:block th:if="${#strings.equals(group.metadata.name, param.photo_group_name)}">
|
||||||
<div class="author-content-item-tips" th:text="${theme.config.equipment.smallTitle}"></div>
|
<th:div th:replace="~{macro/author-content :: author-content(background = ${group.spec.background},
|
||||||
<span class="author-content-item-title" th:text="${theme.config.equipment.bigTitle}"></span>
|
smallTitle = '相册集',
|
||||||
<div class="content-bottom">
|
bigTitle = ${group.spec.displayName},
|
||||||
<div class="tips" th:text="${theme.config.equipment.detail}"></div>
|
detail = ${group.spec.description},
|
||||||
</div>
|
buttonUrl = '',
|
||||||
</div>
|
buttonTitle = '')}" />
|
||||||
</div>
|
</th:block>
|
||||||
|
|
||||||
|
</th:block>
|
||||||
|
|
||||||
<div id="article-container">
|
<div id="article-container">
|
||||||
<section class="timeline page-1">
|
<section class="timeline page-1">
|
||||||
<div class="type-gallery">
|
<div class="type-gallery">
|
||||||
<div class="gallery">
|
<div class="gallery">
|
||||||
<th:block th:each="group : ${groups}">
|
<div class="fj-gallery-item"
|
||||||
<th:block
|
th:each="photo : ${photoFinder.listBy(param.photo_group_name)}">
|
||||||
th:if="${#strings.toString(group.spec.displayName)}==${#strings.toString(param.photo_group_name)}">
|
|
||||||
<div class="fj-gallery-item" th:each="photo : ${group.photos}">
|
|
||||||
<div class="tag-address">[[${photo.spec.displayName}]]</div>
|
<div class="tag-address">[[${photo.spec.displayName}]]</div>
|
||||||
<img th:src="${photo.spec.url}" th:alt="${photo.spec.description}"
|
<img th:src="${photo.spec.url}" th:alt="${photo.spec.description}"
|
||||||
th:title="${photo.spec.description}">
|
th:title="${photo.spec.description}">
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</th:block>
|
|
||||||
</th:block>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
|
@ -12,16 +12,12 @@
|
||||||
</header>
|
</header>
|
||||||
<main class="layout hide-aside" id="content-inner">
|
<main class="layout hide-aside" id="content-inner">
|
||||||
<div id="page">
|
<div id="page">
|
||||||
<div class="author-content author-content-item essayPage single"
|
<th:div th:replace="~{macro/author-content :: author-content(background = ${theme.config.todo.backgroundImg},
|
||||||
th:style="'background:url('+${theme.config.todo.backgroundImg}+') left 28% / cover no-repeat !important;'">
|
smallTitle = ${theme.config.todo.smallTitle},
|
||||||
<div class="card-content">
|
bigTitle = ${theme.config.todo.bigTitle},
|
||||||
<div class="author-content-item-tips" th:text="${theme.config.todo.smallTitle}"></div>
|
detail = ${theme.config.todo.detail},
|
||||||
<span class="author-content-item-title" th:text="${theme.config.todo.bigTitle}"></span>
|
buttonUrl = '',
|
||||||
<div class="content-bottom">
|
buttonTitle = '')}" />
|
||||||
<div class="tips" th:text="${theme.config.todo.detail}"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div id="todolist-main" th:if="${not #lists.isEmpty(theme.config.todo.list)}"
|
<div id="todolist-main" th:if="${not #lists.isEmpty(theme.config.todo.list)}"
|
||||||
th:with="todoList = ${theme.config.todo.list}">
|
th:with="todoList = ${theme.config.todo.list}">
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue