From 7c6e1f1d6bca61270ab7f09877c87968b7750179 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=8D=E5=81=9A=E7=A0=81=E5=86=9C?= <599854767@qq.com>
Date: Wed, 12 Apr 2023 07:55:33 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=90=9C=E7=B4=A2ui?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/styles/element-ui.scss     |  8 +++----
 src/components/HeaderSearch/index.vue | 31 +++++++++++++++++++++++----
 2 files changed, 31 insertions(+), 8 deletions(-)

diff --git a/src/assets/styles/element-ui.scss b/src/assets/styles/element-ui.scss
index f7ee6ef..8561c1b 100644
--- a/src/assets/styles/element-ui.scss
+++ b/src/assets/styles/element-ui.scss
@@ -69,11 +69,11 @@
 @media screen and (max-width: 700px) {
   .el-dialog {
     --el-dialog-width: 100% !important;
-    --el-dialog-margin-top: 0 !important;
-  }
-  .el-dialog:not(.is-fullscreen) {
-    margin-top: 0 !important;
+    // --el-dialog-margin-top: 0 !important;
   }
+  // .el-dialog:not(.is-fullscreen) {
+  //   margin-top: 0 !important;
+  // }
   .el-drawer {
     width: 85% !important;
   }
diff --git a/src/components/HeaderSearch/index.vue b/src/components/HeaderSearch/index.vue
index 8ca5c7b..18d7fb5 100644
--- a/src/components/HeaderSearch/index.vue
+++ b/src/components/HeaderSearch/index.vue
@@ -1,9 +1,9 @@
 <template>
   <div class="header-search">
     <svg-icon class-name="search-icon" name="search" @click.stop="click" />
-    <el-dialog title="搜索" v-model="open" append-to-body width="500" @close="close" draggable="">
+    <el-dialog v-model="open" width="500" @close="close">
       <el-select
-        style="width: 95%"
+        style="width: 100%"
         ref="headerSearchSelectRef"
         size="large"
         v-model="search"
@@ -11,7 +11,8 @@
         filterable
         default-first-option
         remote
-        placeholder="搜索，支持标题、URL模糊查询"
+        class="header_search_select"
+        placeholder="菜单搜索，支持标题、URL模糊查询"
         @change="change">
         <template #prefix>
           <el-icon color="#409EFC" class="no-inherit">
@@ -161,7 +162,29 @@ watch(searchPool, (list) => {
 
 <style lang="scss" scoped>
 .header-search {
-  // font-size: 0 !important;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  :deep(.el-dialog) {
+    .el-dialog__header {
+      display: none !important;
+    }
+
+    --el-dialog-bg-color: #00000;
+    .el-dialog__body {
+      padding: 0;
+    }
+  }
+
+  .header_search_select {
+    height: 50px;
+
+    :deep(.el-input__wrapper) {
+      height: 50px;
+    }
+  }
 
   .search-icon {
     cursor: pointer;