sookie/blog-web
1
0
Fork 0
Code Issues 12 Pull Requests Projects Releases Wiki Activity

修复照片墙尾页加载bug

Browse Source
This commit is contained in:
结发受长生 2019-05-14 14:11:28 +08:00
parent a0d0f72017
commit fc9a0d844d
6 changed files with 14 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
source/_posts/前端杂烩/照片墙施工记录.md
View File

@ -211,10 +211,10 @@ function loadMoreItems(step) {
}
if(index >= res.data.files.length) { // 已到达当前分组列表的末尾
groupid++
let tempIndex = currentIndex
currentIndex = 0
if(index<currentIndex+step) { // 如果加载的数据数量不足步长
// 则需要再加载下一个分组, 下一个分组需要加载的图片数量是剩余的步长
let tempIndex = currentIndex
currentIndex = 0
loadMoreItems(tempIndex + step - index)
}
} else {

2
source/categories/index.md
View File

@ -1,6 +1,6 @@
---
title: 文章分类
date: 2019-05-13 23:13:59
type: categories
layout: categories
pageid: categories
---

3
source/photo_wall/index.md
View File

@ -1,7 +1,6 @@
---
title: 照片墙
date: 2019-05-12 15:50:10
layout: photo-wall
pageid: PhotoWall
---
<div id="photo-wall"></div><div id="load-tip">正在加载ԅ( ¯་། ¯ԅ)</div>

1
themes/yilia/layout/photo-wall.ejs Normal file
View File

@ -0,0 +1 @@
<div id="photo-wall"></div><div id="load-tip">正在加载ԅ( ¯་། ¯ԅ)</div>

7
themes/yilia/source-src/css/page/categories.scss
View File

@ -11,9 +11,16 @@
}
.category-count {
text-align: center;
line-height: 3;
font-size: 18px;
font-weight: bold;
}
// hexo自带的标签云
.tag-cloud {
text-align: center;
padding: 20px;
a {
margin: 0 20px;
word-break: keep-all;
}
}

4
themes/yilia/source-src/js/photo-wall.js
View File

@ -69,10 +69,10 @@ function loadMoreItems(step) {
}
if(index >= res.data.files.length) { // 已到达当前分组列表的末尾
groupid++
let tempIndex = currentIndex
currentIndex = 0
if(index<currentIndex+step) { // 如果加载的数据数量不足步长
// 则需要再加载下一个分组, 下一个分组需要加载的图片数量是剩余的步长
let tempIndex = currentIndex
currentIndex = 0
loadMoreItems(tempIndex + step - index)
}
} else {