JiXieShi
/
Blog
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

UP

main
JiXieShi 2024-06-05 19:11:35 +08:00
parent 6b7adcb07a
commit 1a99e53158
1 changed files with 51 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
themes/blog/reader.gohtml
View File

@ -99,7 +99,6 @@
} }
.zone_imgbox a { .zone_imgbox a {
display: block; display: block;
border-radius: 12px; border-radius: 12px;
@ -141,7 +140,17 @@
.limit { .limit {
transition: all .3s ease-in-out; transition: all .3s ease-in-out;
color: rgba(76, 73, 72, 0.6) color: rgba(76, 73, 72, 0.6);
display: none;
justify-content: center;
}
.limit button {
display: inline-block;
border-radius: 4px;
font-size: 9pt;
background: var(--primary, #673ab7);
border: 1px solid lightgrey;
} }
[data-theme=dark] .limit { [data-theme=dark] .limit {
@ -175,13 +184,14 @@
font-size: 14px font-size: 14px
} }
} }
.downloadBtn { .downloadBtn {
display: flex; display: flex;
background: var(--primary, #673ab7); background: var(--primary, #673ab7);
color: white; color: white;
padding: 6px 22px; padding: 4px 8px;
margin: 8px 0; margin: 2px 0;
border-radius: 7px; border-radius: 5px;
cursor: pointer; cursor: pointer;
font-size: 12pt; font-size: 12pt;
border: none; border: none;
@ -198,6 +208,7 @@
<a>加载中...</a> <a>加载中...</a>
</div> </div>
</div> </div>
<div class='limit'><button onclick='loadMemo(-1)'>上一页</button> <button onclick='loadMemo(1)'>下一页</button></div>
<script> <script>
function Format(item) { function Format(item) {
let date = getTime(new Date(item.createdTs * 1000).toString()), let date = getTime(new Date(item.createdTs * 1000).toString()),
@ -237,21 +248,39 @@
} }
} }
fetch('{{ .Data.url }}/api/v1/memo?creatorId={{ .Data.user }}&tag={{ .Data.tag }}').then(res => res.json()).then(data => { var offset = 0;
let items = [], html = '' let limit =30;
function loadMemo(p) {
offset += p*limit;
if (offset < 1) {
offset = 0;
}
fetch('{{ .Data.url }}/api/v1/memo?creatorId={{ .Data.user }}&tag={{ .Data.tag }}&limit='+limit+'&offset=' + offset)
.then(res => res.json())
.then(data => {
let items = [], html = '';
data.forEach(item => { data.forEach(item => {
items.push(Format(item)) items.push(Format(item));
}) });
if (items.length == 30) document.querySelector('.limit').style.display = 'block' if (items.length === limit) {
document.querySelector('.limit').style.display = 'flex';
}
items.forEach(item => { items.forEach(item => {
html += '<div class="talk_item"><div class="talk_meta">'; html += '<div class="talk_item"><div class="talk_meta">';
html += "<img class=\"no-lightbox no-lazyload avatar\" src=\"https://q1.qlogo.cn/g?b=qq&nk={{ .Data.qq }}&s=5\">"; html += "<img class=\"no-lightbox no-lazyload avatar\" src=\"https://q1.qlogo.cn/g?b=qq&nk={{ .Data.qq }}&s=5\">";
html += `<div class="info"><span class="talk_nick">{{ .Data.author }}</span><span class="talk_date">${item.date}</span>`; html += `<div class="info"><span class="talk_nick">{{ .Data.author }}</span><span class="talk_date">${item.date}</span>`;
html += `</div></div><div class="talk_content">${item.content}</div>${item.text}</div>`; html += `</div></div><div class="talk_content">${item.content}</div>${item.text}</div>`;
}) });
document.getElementById('talk').innerHTML = html; if(items.length!==0){
document.getElementById('talk').innerHTML = '';
document.getElementById('talk').insertAdjacentHTML('afterbegin', html);
waterfall('#talk'); waterfall('#talk');
}) }else {
document.getElementById('talk').innerHTML = '<span>无数据</span>';
}
});
}
loadMemo(0);
</script> </script>
<script src="/public/js/prism.js"></script> <script src="/public/js/prism.js"></script>
<script defer src="https://cdn.jsdelivr.net/gh/jkjoy/14e/js/waterfall.min.js"></script> <script defer src="https://cdn.jsdelivr.net/gh/jkjoy/14e/js/waterfall.min.js"></script>