feat: pjax loading add animation icon
This commit is contained in:
parent
2e91668be1
commit
baa436204a
|
@ -3,7 +3,7 @@
|
||||||
|
|
||||||
<% if (theme.pjax.enable === true) { %>
|
<% if (theme.pjax.enable === true) { %>
|
||||||
<span class="loading-progress-bar"></span>
|
<span class="loading-progress-bar"></span>
|
||||||
<span class="loading-progress-circle">
|
<span class="loading-progress-icon">
|
||||||
<i class="fas fa-circle-notch fa-spin"></i>
|
<i class="fas fa-circle-notch fa-spin"></i>
|
||||||
</span>
|
</span>
|
||||||
<% } %>
|
<% } %>
|
||||||
|
|
|
@ -1,35 +0,0 @@
|
||||||
<div class="side-tools-container">
|
|
||||||
|
|
||||||
<ul class="side-tools-list">
|
|
||||||
<li class="tools-item tool-font-adjust-plus flex-center">
|
|
||||||
<i class="fas fa-search-plus"></i>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="tools-item tool-font-adjust-minus flex-center">
|
|
||||||
<i class="fas fa-search-minus"></i>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="tools-item tool-expand-width flex-center">
|
|
||||||
<i class="fas fa-arrows-alt-h"></i>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="tools-item tool-dark-light-toggle flex-center">
|
|
||||||
<i class="fas fa-moon"></i>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="tools-item tool-scroll-to-top flex-center">
|
|
||||||
<i class="fas fa-arrow-up"></i>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="tools-item tool-scroll-to-bottom flex-center">
|
|
||||||
<i class="fas fa-arrow-down"></i>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<ul class="tools-ul-1">
|
|
||||||
<li class="tools-item tool-toggle-show flex-center">
|
|
||||||
<i class="fas fa-cog fa-spin"></i>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
|
@ -26,7 +26,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.loading-progress-circle {
|
.loading-progress-icon {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
|
|
|
@ -8,7 +8,7 @@ KEEP.initUtils = () => {
|
||||||
firstScreen_dom: document.querySelector('.first-screen-container'),
|
firstScreen_dom: document.querySelector('.first-screen-container'),
|
||||||
scrollProgressBar_dom: document.querySelector('.scroll-progress-bar'),
|
scrollProgressBar_dom: document.querySelector('.scroll-progress-bar'),
|
||||||
loadingProgressBar_dom: document.querySelector('.loading-progress-bar'),
|
loadingProgressBar_dom: document.querySelector('.loading-progress-bar'),
|
||||||
loadingProgressCircle_dom: document.querySelector('.loading-progress-circle'),
|
loadingProgressCircle_dom: document.querySelector('.loading-progress-icon'),
|
||||||
|
|
||||||
innerHeight: window.innerHeight,
|
innerHeight: window.innerHeight,
|
||||||
loadingProgressBarTimer: null,
|
loadingProgressBarTimer: null,
|
||||||
|
|
Loading…
Reference in New Issue