diff --git a/docs/index.md b/docs/index.md
index 898a33852..0f5e1b20f 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -152,5 +152,24 @@ t.parentNode.insertBefore(e,t)}})();
-
+
+
+
+
+
diff --git a/docs/javascripts/extra.js b/docs/javascripts/extra.js
index 3e4b8e5eb..e10cb9dd9 100644
--- a/docs/javascripts/extra.js
+++ b/docs/javascripts/extra.js
@@ -722,5 +722,10 @@ async function navigateToSettingsPage() {
}
// 优化end
-
-
+ // 等待页面加载完毕
+ window.addEventListener('load', function() {
+ // 获取加载动画元素
+ var loader = document.querySelector('.loader');
+ // 隐藏加载动画
+ loader.style.display = 'none';
+ });
diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
index 30bb762a9..adeeab2ba 100644
--- a/docs/stylesheets/extra.css
+++ b/docs/stylesheets/extra.css
@@ -16,6 +16,36 @@
color: #518FC1; /* 修改字体颜色 */
}
+ a {
+ position: relative;
+ text-decoration: none;
+ }
+
+ a:hover {
+ color: #000;
+ }
+
+ a::before {
+ content: "";
+ position: absolute;
+ display: inline-block; /* 使伪元素与链接文本一样宽 */
+ width: 100%;
+ height: 2px;
+ bottom: 0;
+ left: 0;
+ background-color: #666363;
+ transform: scaleX(0);
+ transform-origin: bottom right; /* 指定变换原点为右下角 */
+ transition: transform 0.3s ease;
+ }
+
+ a:hover::before {
+ transform: scaleX(1);
+ transform-origin: bottom left; /* 变换原点为左下角，实现从左到右显示动画 */
+ }
+
+
+
:root {
--md-text-font: "LXGW WenKai";
@@ -677,3 +707,62 @@ div.hide {
/* end */
+.loader {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ /* background-color: rgba(255, 255, 255, 0.8); */
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ z-index: 9999; /* 确保加载动画位于其他内容之上 */
+}
+
+.spinner {
+ width: 50px;
+ height: 40px;
+ text-align: center;
+ font-size: 10px;
+}
+
+.spinner > div {
+ background-color: #333;
+ height: 100%;
+ width: 6px;
+ display: inline-block;
+ -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
+ animation: sk-stretchdelay 1.2s infinite ease-in-out;
+}
+
+.spinner .rect2 {
+ -webkit-animation-delay: -1.1s;
+ animation-delay: -1.1s;
+}
+
+.spinner .rect3 {
+ -webkit-animation-delay: -1.0s;
+ animation-delay: -1.0s;
+}
+
+.spinner .rect4 {
+ -webkit-animation-delay: -0.9s;
+ animation-delay: -0.9s;
+}
+
+@-webkit-keyframes sk-stretchdelay {
+ 0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
+ 20% { -webkit-transform: scaleY(1.0) }
+}
+
+@keyframes sk-stretchdelay {
+ 0%, 40%, 100% {
+ transform: scaleY(0.4);
+ -webkit-transform: scaleY(0.4);
+ }
+ 20% {
+ transform: scaleY(1.0);
+ -webkit-transform: scaleY(1.0);
+ }
+}