10.6

Wcowin · Oct 6, 2023 · b5c4623 · b5c4623
1 parent 5db939a
commit b5c4623
Show file tree

Hide file tree

Showing 4 changed files with 136 additions and 3 deletions.
diff --git a/docs/about/geren.md b/docs/about/geren.md
@@ -5,6 +5,26 @@ hide:
   - feedback
 comments: true
 ---
+<body>
+    <div class="loader">
+        <div class="spinner">
+            <div class="rect1"></div>
+            <div class="rect2"></div>
+            <div class="rect3"></div>
+            <div class="rect4"></div>
+        </div>
+    </div>
+    <!-- 此处添加你的页面内容 -->
+    <script>
+        // 等待页面加载完毕
+        window.addEventListener('load', function() {
+            // 获取加载动画元素
+            var loader = document.querySelector('.loader');
+            // 隐藏加载动画
+            loader.style.display = 'none';
+        });
+    </script>
+</body>
 
 # 知足且上进，温柔且坚定
 <div>

diff --git a/docs/index.md b/docs/index.md
@@ -152,5 +152,24 @@ t.parentNode.insertBefore(e,t)}})();
 
 
 
-
+<body>
+    <div class="loader">
+        <div class="spinner">
+            <div class="rect1"></div>
+            <div class="rect2"></div>
+            <div class="rect3"></div>
+            <div class="rect4"></div>
+        </div>
+    </div>
+    <!-- 此处添加你的页面内容 -->
+    <script>
+        // 等待页面加载完毕
+        window.addEventListener('load', function() {
+            // 获取加载动画元素
+            var loader = document.querySelector('.loader');
+            // 隐藏加载动画
+            loader.style.display = 'none';
+        });
+    </script>
+</body>
 
diff --git 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
@@ -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);
+  }
+}