更新UI

jianyun8023 · Aug 3, 2024 · 1219e5c · 1219e5c
1 parent d89bcae
commit 1219e5c
Show file tree

Hide file tree

Showing 23 changed files with 3,040 additions and 189 deletions.
diff --git a/app/calibre-pages/index.html b/app/calibre-pages/index.html
@@ -1,13 +1,13 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
+<head>
     <meta charset="UTF-8">
     <link rel="icon" href="/favicon.ico">
-      <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Vite App</title>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/src/main.js"></script>
-  </body>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>书海拾贝</title>
+</head>
+<body>
+<div id="app"></div>
+<script type="module" src="/src/main.js"></script>
+</body>
 </html>
diff --git a/app/calibre-pages/public/favicon.ico b/app/calibre-pages/public/favicon.ico
diff --git a/app/calibre-pages/src/App.vue b/app/calibre-pages/src/App.vue
@@ -4,8 +4,8 @@
       <Header />
     </el-header>
     <el-container>
-      <el-aside width="200px" class="sidebar" v-show="isSidebarVisible">
-        <Sidebar :mode="'vertical'" />
+      <el-aside width="200px" class="sidebar hidden-sm-and-down">
+        <Sidebar/>
       </el-aside>
       <el-container>
         <el-main>
@@ -16,7 +16,6 @@
     <el-footer>
       <Footer />
     </el-footer>
-    <el-button class="toggle-sidebar" @click="toggleSidebar">☰</el-button>
   </el-container>
 </template>
 
@@ -50,24 +49,9 @@ export default {
   display: block;
 }
 
-.toggle-sidebar {
-  display: none;
-  position: fixed;
-  bottom: 20px;
-  right: 20px;
-  z-index: 1000;
-}
-
 @media (max-width: 768px) {
   .sidebar {
     display: none;
   }
-  .toggle-sidebar {
-    display: block;
-    position: fixed;
-    bottom: 20px;
-    right: 20px;
-    z-index: 1000;
-  }
 }
 </style>