(function() { // 只在dashboard页面处理 if (window.location.pathname.includes('/dashboard')) { document.documentElement.classList.add('dashboard-loading'); // 创建并应用骨架屏样式 var style = document.createElement('style'); style.textContent = ` .skeleton { background-image: linear-gradient( 90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100% ); background-size: 100%; animation: shimmer 1.5s infinite linear; background-position: -1000px 0; } @keyframes shimmer { from { background-position: -1000px 0; } to { background-position: 1000px 0; } } /* 预先创建骨架屏 */ #dashboard-preload-skeleton { margin-bottom: 1.5rem; border: 0; box-shadow: 0 1px 2px rgba(0,0,0,0.05); background-color: white; border-radius: 0.5rem; } `; document.head.appendChild(style); // 预创建骨架屏 window.addEventListener('DOMContentLoaded', function() { setTimeout(function() { var container = document.querySelector('.container'); if (container && !document.getElementById('dashboard-preload-skeleton')) { var skeleton = document.createElement('div'); skeleton.id = 'dashboard-preload-skeleton'; skeleton.innerHTML = `

`; container.insertBefore(skeleton, container.firstChild); } }, 0); }); } })();