From b9d4dcfe4a6d6197703f577a19ca68e23678890a Mon Sep 17 00:00:00 2001
From: hooray <304327508@qq.com>
Date: Fri, 10 Sep 2021 18:03:23 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=90=9C=E7=B4=A2=E7=95=8C?=
 =?UTF-8?q?=E9=9D=A2=EF=BC=8C=E7=A7=BB=E5=8A=A8=E7=AB=AF=E4=B8=8D=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=E5=BF=AB=E6=8D=B7=E9=94=AE=E6=8F=90=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/components/Search/index.vue | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/layout/components/Search/index.vue b/src/layout/components/Search/index.vue
index dc483432..ff82d0e3 100644
--- a/src/layout/components/Search/index.vue
+++ b/src/layout/components/Search/index.vue
@@ -3,7 +3,7 @@
         <div class="container">
             <div class="search-box" @click.stop>
                 <el-input ref="input" v-model="searchInput" prefix-icon="el-icon-search" placeholder="搜索页面，支持标题、URL模糊查询" clearable @keydown.esc="$eventBus.emit('global-search-toggle')" @keydown.up.prevent="keyUp" @keydown.down.prevent="keyDown" @keydown.enter.prevent="keyEnter" />
-                <div class="tips">
+                <div v-if="$store.state.settings.mode === 'pc'" class="tips">
                     <div class="tip">
                         <span>Alt</span>+<span>S</span>
                         唤醒搜索面板
@@ -23,7 +23,7 @@
                     </div>
                 </div>
             </div>
-            <div ref="search" class="result">
+            <div ref="search" class="result" :class="{'mobile': $store.state.settings.mode === 'mobile'}">
                 <router-link v-for="(item, index) in resultList" :key="item.path" v-slot="{ href, navigate }" custom :to="isShow ? item.path : ''">
                     <a :ref="`search-item-${index}`" :href="isExternal(item.path) ? item.path : href" class="item" :class="{'actived': index === actived}" :target="isExternal(item.path) ? '_blank' : '_self'" @click="navigate" @mouseover="actived = index">
                         <div class="icon">
@@ -241,7 +241,7 @@ function scrollTo(offsetTop) {
         transform: scale(1.1);
         filter: blur(10px);
         .search-box {
-            margin: 50px 20px 0;
+            margin: 50px 20px 40px;
             :deep(.el-input__inner) {
                 height: 52px;
                 line-height: 52px;
@@ -256,7 +256,7 @@ function scrollTo(offsetTop) {
                 display: flex;
                 align-items: center;
                 justify-content: space-evenly;
-                margin: 20px 0 40px;
+                margin-top: 20px;
                 line-height: 24px;
                 font-size: 14px;
                 color: #fff;
@@ -279,6 +279,9 @@ function scrollTo(offsetTop) {
             border-radius: 5px;
             overflow: auto;
             background-color: #fff;
+            &.mobile {
+                max-height: calc(100% - 200px);
+            }
             .item {
                 display: flex;
                 align-items: center;