feat(mobile): 优化移动端搜索框样式并调整默认折叠状态- 移动端搜索框样式调整，增加 large 尺寸并修改图标位置

- 默认将左侧目录设置为折叠状态
-优化移动视图下的样式

biji-qianduan/src/components/HomePage.vue

@@ -134,13 +134,12 @@
             <el-input
                 v-model="searchKeyword"
                 placeholder="搜索笔记标题"
-                class="search-input"
+                class="mobile-search-input"
                 @keyup.enter="handleSearch"
+                size="large"
             >
-              <template #append>
-                <el-button @click="handleSearch">
+              <template #prefix>
                 <el-icon><Search /></el-icon>
-                </el-button>
               </template>
             </el-input>
           </div>
@@ -353,7 +352,7 @@ const groupMarkdownFiles = ref([]);
 const showEditor = ref(false);
 const selectedFile = ref(null);
 const activeMenu = ref('all');
-const isCollapsed = ref(false);
+const isCollapsed = ref(true);
 const showCreateGroupDialog = ref(false);
 const showCreateNoteDialog = ref(false);
 const showRenameDialog = ref(false);
@@ -1269,19 +1268,20 @@ const resetUpdatePasswordForm = () => {
   white-space: pre-wrap !important;
   display: block;
 }
-</style>
-
+<style scoped>
 .mobile-title {
   cursor: pointer;
 }
+
 .mobile-search-container {
-.mobile-search-container {
-  margin-bottom: 1.5rem;
-}
   padding: 0 1.5rem;
   margin-bottom: 1.5rem;
 }
-<style scoped>
+
+:deep(.mobile-search-input .el-input__wrapper) {
+  border-radius: 9999px !important;
+}
+
 /* 整体布局 */
 .home-page {
   height: 100vh;