feat: pjax loading add animation icon
This commit is contained in:
parent
2e91668be1
commit
baa436204a
|
@ -3,7 +3,7 @@
|
|||
|
||||
<% if (theme.pjax.enable === true) { %>
|
||||
<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>
|
||||
</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;
|
||||
top: 0;
|
||||
right: 0;
|
||||
|
|
|
@ -8,7 +8,7 @@ KEEP.initUtils = () => {
|
|||
firstScreen_dom: document.querySelector('.first-screen-container'),
|
||||
scrollProgressBar_dom: document.querySelector('.scroll-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,
|
||||
loadingProgressBarTimer: null,
|
||||
|
|
Loading…
Reference in New Issue