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

load-tip

Browse Source
This commit is contained in:
结发受长生 2019-05-12 16:49:45 +08:00
parent f02fc05b1e
commit 27a8a8fb19
4 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -126,7 +126,7 @@ date: 2019-05-12 15:50:10
pageid: PhotoWall
---
<div id="photo-wall"></div><div id="load-top">正在加载ԅ( ¯་། ¯ԅ)</div>
<div id="photo-wall"></div><div id="load-tip">正在加载ԅ( ¯་། ¯ԅ)</div>
```
这里写个**pageid**是为了方便在js当中区分自定义页面
从而执行chunk的动态加载, 避免影响其他页面的加载速度
@ -151,7 +151,7 @@ pageid: PhotoWall
vertical-align: middle;
}
}
#load-top {
#load-tip {
color: $color9;
text-align: center;
display: none;

2
source/photo_wall/index.md
View File

@ -4,4 +4,4 @@ date: 2019-05-12 15:50:10
pageid: PhotoWall
---
<div id="photo-wall"></div><div id="load-top">正在加载ԅ( ¯་། ¯ԅ)</div>
<div id="photo-wall"></div><div id="load-tip">正在加载ԅ( ¯་། ¯ԅ)</div>

2
themes/yilia/source-src/css/page/photo-wall.scss
View File

@ -19,7 +19,7 @@
vertical-align: middle;
}
}
#load-top {
#load-tip {
color: $color9;
text-align: center;
display: none;

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

@ -7,7 +7,7 @@ const scrollDom = document.getElementById('container')
// 作为底部标记的DOM
const markDom = document.getElementById('footer')
// 加载提示文字
const loadTip = document.getElementById('load-top')
const loadTip = document.getElementById('load-tip')
function loadMoreItems(step) {
scrollLock = true //加载过程中锁定滚动加载