修复首页滚动问题

This commit is contained in:
liuzhihang 2023-06-17 17:15:06 +08:00
parent 7fc9616858
commit 513fd47bbb
2 changed files with 21 additions and 9 deletions

View File

@ -11627,7 +11627,7 @@ figure.gallery-group:hover .gallery-group-name::after {
#bber .timeline ul li.item { #bber .timeline ul li.item {
position: relative; position: relative;
width: 32%; width: 30%;
border: var(--style-border-always); border: var(--style-border-always);
border-radius: 12px; border-radius: 12px;
padding: 1rem 1rem 0.5rem; padding: 1rem 1rem 0.5rem;
@ -11723,7 +11723,7 @@ figure.gallery-group:hover .gallery-group-name::after {
/* 每条动态 */ /* 每条动态 */
#bber div.bber-content { #bber div.bber-content {
display: flex; /*display: flex;*/
flex-direction: initial; flex-direction: initial;
flex-wrap: wrap; flex-wrap: wrap;
border-radius: 12px; border-radius: 12px;
@ -11910,7 +11910,7 @@ figure.gallery-group:hover .gallery-group-name::after {
} }
/* 内容 */ /* 内容 */
#bber .bber-content .datacont { #bber .bber-content p {
order: 0; order: 0;
font-size: 0.8rem; font-size: 0.8rem;
font-weight: bold; font-weight: bold;
@ -11922,6 +11922,7 @@ figure.gallery-group:hover .gallery-group-name::after {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
text-align: justify; text-align: justify;
overflow-wrap: break-word;
} }
/* 设备 */ /* 设备 */

View File

@ -31,14 +31,16 @@
<!-- <script data-pjax="" defer="" src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/aplayer/1.10.1/APlayer.min.js"></script>--> <!-- <script data-pjax="" defer="" src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/aplayer/1.10.1/APlayer.min.js"></script>-->
<!-- <script data-pjax="" defer="" src="https://cdn.zhheo.com/public/aplayer/Meting2.min.js"></script>--> <!-- <script data-pjax="" defer="" src="https://cdn.zhheo.com/public/aplayer/Meting2.min.js"></script>-->
<!-- <link href="https://cdn.zhheo.com/public/aplayer/APlayer.min.css" rel="stylesheet external nofollow">--> <!-- <link href="https://cdn.zhheo.com/public/aplayer/APlayer.min.css" rel="stylesheet external nofollow">-->
<div id="bber"> <div id="bber">
<section class="timeline page-1"> <section class="timeline page-1">
<ul class="list" id="waterfall"> <ul class="list show" id="waterfall">
<li class="item" th:each="moment : ${moments.items}" th:with="content=${moment.spec.content}"> <li class="item" th:each="moment : ${moments.items}"
<div class="bber-content"> th:with="content=${moment.spec.content}">
<p class="datacont" th:if="${not #strings.isEmpty(content.html)}" th:utext="${content.html}"></p> <div class="bber-content" th:if="${not #strings.isEmpty(content.html)}"
</div> th:utext="${content.html}"></div>
<th:block th:each="momentItem : ${content.medium}" th:if="${not #lists.isEmpty(content.medium)}"> <th:block th:each="momentItem : ${content.medium}"
th:if="${not #lists.isEmpty(content.medium)}">
<div class="bber-content-img" th:if="${momentItem.type.name == 'PHOTO'}"> <div class="bber-content-img" th:if="${momentItem.type.name == 'PHOTO'}">
<img class="bber-content-image-self entered loaded" <img class="bber-content-image-self entered loaded"
@ -66,6 +68,15 @@
</ul> </ul>
</section> </section>
<!-- 分页还没写 --> <!-- 分页还没写 -->
<div th:if="${moments.hasPrevious() || moments.hasNext()}">
<a th:href="@{${moments.prevUrl}}">
<span>上一页</span>
</a>
<span th:text="${moments.page}"></span>
<a th:href="@{${moments.nextUrl}}">
<span>下一页</span>
</a>
</div>
</div> </div>
<script>heo.reflashEssayWaterFall();</script> <script>heo.reflashEssayWaterFall();</script>
<hr/> <hr/>