更新菜单底栏以及 CSS 文件

gytxtx · Feb 14, 2024 · fc2f408 · fc2f408
1 parent 3ea28e8
commit fc2f408
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 0 deletions.
diff --git a/assets/css/style.min.css b/assets/css/style.min.css
@@ -84,4 +84,14 @@ footer {
   line-height: 1.5;
   margin-top: -16px;
   margin-bottom: 16px;
+}
+
+/* 设置 Copyright 的样式 */
+
+.copyright {
+    box-sizing: border-box;
+    width: 100%;
+    padding: 10px 16px;
+    position: absolute;
+    bottom: 0;
 }
diff --git a/index.html b/index.html
@@ -30,6 +30,8 @@
     <!-- 抽屉菜单开始 -->
     <div class="mdui-drawer mdui-drawer-close" id="main-drawer">
         <div class="mdui-list" mdui-collapse="{accordion: true}" style="margin-bottom: 76px;">
+
+            <!-- 单个折叠菜单开始 -->
             <div class="mdui-collapse-item">
                 <div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
                     <i class="mdui-list-item-icon mdui-icon material-icons">layers</i>
@@ -43,6 +45,7 @@
             </div>
             <!-- 单个折叠菜单结束 -->
 
+            <!-- 单个折叠菜单开始 -->
             <div class="mdui-collapse-item">
                 <div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
                     <i class="mdui-list-item-icon mdui-icon material-icons">person</i>
@@ -55,6 +58,22 @@
                     <a href="https://github.com/gytxtx" class="mdui-list-item mdui-ripple">GitHub</a>
                 </div>
             </div>
+            <!-- 单个折叠菜单结束 -->
+
+            <!-- 菜单底栏 -->
+
+            <div class="copyright">
+                <div class="mdui-typo">
+                    <!-- <p class="mdui-typo-caption-opacity">© 2023 <a href="https://space.bilibili.com/514279030" target="_blank">KFACBT</a></p>
+					<p class="mdui-typo-caption-opacity">友情链接： <a href="about:blank" target="_blank">空</a></p> -->
+                    <p class="mdui-typo-caption-opacity">
+                        Powered by <a href="https://mdui.org" target="_blank">MDUI</a>
+                    </p>
+                </div>
+            </div>
+
+            <!-- 菜单底栏结束 -->
+
         </div>
     </div>