dists

Running

App Files Files Community

hongshi-files commited on Nov 3, 2024

Commit

652bc9b

verified ·

1 Parent(s): 6a4188d

Update index.html

Browse files

Files changed (1) hide show

index.html +49 -84

index.html CHANGED Viewed

@@ -2,105 +2,70 @@
 <html lang="zh-CN">
 <head>
     <meta charset="UTF-8">
-    <title>网盘页面</title>
     <style>
         body {
             font-family: Arial, sans-serif;
             margin: 0;
-            padding: 0;
-            background: linear-gradient(120deg, #f0f0f0, #e0e0e0);
         }
-        header {
-            background-color: #4CAF50;
-            color: white;
-            padding: 10px 0;
             text-align: center;
-            border-bottom: 3px solid #388E3C;
         }
-        nav {
-            width: 200px;
-            background: #333;
-            height: 100vh;
-            position: fixed;
-            top: 0;
-            left: 0;
-            padding-top: 20px;
-            transition: background 0.3s ease;
-        }
-        nav a {
-            color: white;
-            text-decoration: none;
-            display: block;
-            padding: 10px;
             text-align: center;
-            border-radius: 4px;
-            transition: background 0.3s ease;
         }
-        nav a:hover {
-            background: #575757;
         }
-        main {
-            margin-left: 220px;
             padding: 20px;
-            background: white;
-            border-radius: 8px;
-            box-shadow: 0 0 10px rgba(0,0,0,0.1);
-            animation: fadeIn 1s ease-in-out;
-        }
-        table {
-            width: 100%;
-            border-collapse: collapse;
-        }
-        table, th, td {
-            border: 1px solid #ddd;
-        }
-        th, td {
-            padding: 8px;
-            text-align: left;
-        }
-        th {
-            background: #4CAF50;
-            color: white;
-        }
-        tr:nth-child(even) {
-            background-color: #f2f2f2;
         }
-        @keyframes fadeIn {
-            from {opacity: 0;}
-            to {opacity: 1;}
         }
     </style>
 </head>
 <body>
-    <header>
-        <h1>网盘</h1>
-    </header>
-    <nav>
-        <a href="#">主页</a>
-    </nav>
-    <main>
-        <table>
-            <tr>
-                <th>名称</th>
-                <th>修改时间</th>
-            </tr>
-            <tr>
-                <td><a href="gdyg/index.html">孤独摇滚</a></td>
-                <td>2024-10-30 22:53:01</td>
-            </tr>
-            <tr>
-                <td><a href="folder2/index.html">文件夹2</a></td>
-                <td>2024-10-30 22:54:12</td>
-            </tr>
-            <tr>
-                <td><a href="file1.html">文件1</a></td>
-                <td>2024-10-30 22:55:03</td>
-            </tr>
-            <tr>
-                <td><a href="file2.html">文件2</a></td>
-                <td>2024-10-30 22:56:04</td>
-            </tr>
-        </table>
-    </main>
 </body>
 </html>

 <html lang="zh-CN">
 <head>
     <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>网盘</title>
     <style>
         body {
             font-family: Arial, sans-serif;
+            background: linear-gradient(135deg, #f5f7fa, #c3cfe2);
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            height: 100vh;
             margin: 0;
         }
+        .container {
+            background: white;
+            border-radius: 15px;
+            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+            padding: 20px;
+            width: 80%;
+            max-width: 600px;
             text-align: center;
         }
+        .folder {
+            display: inline-block;
+            margin: 10px;
             text-align: center;
         }
+        .folder a {
+            text-decoration: none;
+            color: #333;
         }
+        .folder-icon {
+            font-size: 50px;
+            border-radius: 15px;
+            background: linear-gradient(135deg, #ff9a9e, #fad0c4);
             padding: 20px;
+            display: inline-block;
         }
+        .folder-name {
+            margin-top: 10px;
+            font-size: 18px;
         }
     </style>
 </head>
 <body>
+    <div class="container">
+        <h1>我的网盘</h1>
+        <div class="folder">
+            <a href="gdyg/index.html">
+                <div class="folder-icon">📁</div>
+                <div class="folder-name">孤独摇滚</div>
+            </a>
+        </div>
+        <div class="folder">
+            <a href="folder2.html">
+                <div class="folder-icon">📁</div>
+                <div class="folder-name">文件夹2</div>
+            </a>
+        </div>
+        <div class="folder">
+            <a href="folder3.html">
+                <div class="folder-icon">📁</div>
+                <div class="folder-name">文件夹3</div>
+            </a>
+        </div>
+    </div>
 </body>
 </html>