feat: pjax loading add animation icon

This commit is contained in:
XPoet 2021-01-06 23:42:57 +08:00
parent 2e91668be1
commit baa436204a
6 changed files with 3 additions and 38 deletions

View File

@ -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>
<% } %> <% } %>

View File

@ -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>

View File

@ -26,7 +26,7 @@
} }
.loading-progress-circle { .loading-progress-icon {
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;

View File

@ -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,