修改正文
修改[Blogroot]\_config.butterfly.yml的inject配置项
1
2
3
4
| inject:
head:
- <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
bottom:
|
修改加载文件
修改[Blogroot]\themes\butterfly\layout\includes\loading\loading-js.pug
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
| .pjax-reload
script(async).
var preloader = {
endLoading: () => {
document.body.style.overflow = 'auto';
- document.getElementById('loading-box').classList.add("loaded")
+ document.getElementById('loading-box').style.transition = 'opacity 3s';
+ document.getElementById('loading-box').style.opacity = '0';
+ setTimeout(function(){
+ document.getElementById('loading-box').classList.add("loaded")
+ },3000)
+ //用于判断是否第一次加载
+ if(sessionStorage.getItem("isReload")){
+ //若显示已经加载过
+ return true
+ }else{
+ //若为第一次加载
+ sessionStorage.setItem("isReload", true)
+ swal({
+ title: "//弹窗标题",
+ text: '//弹窗文本',
+ icon: "//弹窗图标",
+ button:"//按钮文本",
+ timer: //弹窗延时 ,
+ showConfirmButton: false
+ })
+ }
},
initLoading: () => {
document.body.style.overflow = '';
+ document.getElementById('loading-box').style.transition = '';
+ document.getElementById('loading-box').style.opacity = '1';
document.getElementById('loading-box').classList.remove("loaded")
}
}
window.addEventListener('load',()=> {preloader.endLoading()})
|
总结
弹窗是很好写的，但奈何本人是个笨蛋，bug一堆，总之还是写出来了
