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

2
source/photo_wall/index.md
View File

@ -4,4 +4,4 @@ date: 2019-05-12 15:50:10
pageid: PhotoWall 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; vertical-align: middle;
} }
} }
#load-top { #load-tip {
color: $color9; color: $color9;
text-align: center; text-align: center;
display: none; display: none;

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

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