使用缩略图优化了网络传输速度与流量消耗

This commit is contained in:
2024-04-11 12:14:26 +08:00
parent 8aff1ae64e
commit 7a5dde7169
5 changed files with 41 additions and 14 deletions

View File

@@ -45,10 +45,6 @@
cursor: pointer;
}
.loading {
display: none;
}
#imageContainer {
display: none;
justify-content: center;
@@ -73,18 +69,18 @@
<div id="gallery">
{% for item in list %}
<div class="image-container">
<img src="/api/img/{{ item[1] }}/1" class="image" onclick="linkjump('{{ item[1] }}')" />
<img src="/api/img/{{ item[1] }}/1?mini=yes" class="image" onclick="linkjump('{{ item[1] }}')" />
<span>{{ item[2] }}</span>
</div>
{% endfor %}
</div>
<div style="display:flex;justify-content: center; align-items:center;">
<div class="btn-group"" role=" toolbar" aria-label="Toolbar with button groups">
<div class="btn-group" role=" toolbar" aria-label="Toolbar with button groups">
{% for item in lastPageList %}
<button type="button" class="btn btn-primary" onclick="switchPage('{{item}}')">{{item}}</button>
{% endfor %}
</div>
<div class="btn-group"" role=" group" aria-label="Second group">
<div class="btn-group" role=" group" aria-label="Second group">
<button type="button" class="btn btn-info">{{pagenow}}</button>
</div>
<div class="btn-group" role="group" aria-label="Third group">