优化图库

This commit is contained in:
1152958806@qq.com 2023-07-24 22:36:47 +08:00
parent cbedb51b4a
commit 403db7849a
7 changed files with 79 additions and 92 deletions

View File

@ -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>

View File

@ -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}">

View File

@ -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">

View File

@ -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>

View File

@ -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">

View File

@ -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>

View File

@ -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}">