From cbdb12f5d7c78101c9f26765106afa111718d257 Mon Sep 17 00:00:00 2001
From: Jason <5340635+wen-jason@user.noreply.gitee.com>
Date: Wed, 21 Sep 2022 14:11:23 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=90=9C=E7=B4=A2=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E6=A0=B7=E5=BC=8F=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 admin/src/views/setting/search/index.vue   | 26 ++++++++++------------
 app/src/pages/search/component/suggest.vue | 10 ++++-----
 2 files changed, 17 insertions(+), 19 deletions(-)

diff --git a/admin/src/views/setting/search/index.vue b/admin/src/views/setting/search/index.vue
index 533632b4..4c101513 100644
--- a/admin/src/views/setting/search/index.vue
+++ b/admin/src/views/setting/search/index.vue
@@ -16,18 +16,18 @@
         </el-card>
 
         <el-card class="!border-none mt-4" shadow="never">
-            <div class="flex">
-                <div class="flex-1 w-3/5">
+            <div class="lg:flex">
+                <div class="flex-1 min-w-0">
                     <el-button type="primary" class="mb-4" @click="handleAdd">添加</el-button>
                     <el-table size="large" :data="formData.list">
-                        <el-table-column label="关键词" prop="describe" min-width="160">
+                        <el-table-column label="关键词" prop="describe" min-width="200">
                             <template #default="{ row }">
-                                <el-input v-model="row.name" clearable />
+                                <el-input v-model="row.name" clearable maxlength="30" />
                             </template>
                         </el-table-column>
-                        <el-table-column label="排序" prop="describe" min-width="160">
+                        <el-table-column label="排序" prop="describe" min-width="80">
                             <template #default="{ row }">
-                                <el-input v-model="row.sort" type="number" />
+                                <el-input v-model="row.sort" type="number" clearable  />
                             </template>
                         </el-table-column>
                         <el-table-column label="操作" min-width="80" fixed="right">
@@ -45,8 +45,8 @@
                     </el-table>
                 </div>
 
-                <div class="w-2/5 hot-search-phone">
-                    <span class="mb-4">- 热搜预览图 -</span>
+                <div class="flex-none hot-search-phone mt-4 lg:mt-0 lg:ml-4">
+                    <div class="mb-4 text-center">- 热搜预览图 -</div>
                     <div class="hot-search-phone-content">
                         <!-- 搜索框 -->
                         <div class="search-com">
@@ -58,7 +58,7 @@
                         <!-- 热门搜索 -->
                         <div class="hot-search-title">热门搜索</div>
                         <div class="hot-search-text">
-                            <span v-for="(text, index) in list" :key="index">{{ text.name }}</span>
+                            <span class="truncate max-w-full" v-for="(text, index) in list" :key="index">{{ text.name }}</span>
                         </div>
                     </div>
                 </div>
@@ -125,12 +125,10 @@ getData()
 <style lang="scss" scoped>
 .hot-search {
     .hot-search-phone {
-        margin-left: 20px;
-        @apply flex flex-col items-center;
-
+        width: 300px;
         &-content {
-            width: 280px;
-            height: 494px;
+            width: 100%;
+            height: 530px;
             padding: 12px 12px;
             border-radius: 10px;
             border: 1px solid #e6e6e6;
diff --git a/app/src/pages/search/component/suggest.vue b/app/src/pages/search/component/suggest.vue
index 504ef4ca..0158ba9c 100644
--- a/app/src/pages/search/component/suggest.vue
+++ b/app/src/pages/search/component/suggest.vue
@@ -4,9 +4,9 @@
         <view class="hot" v-if="hot_search.length">
             <view class="font-medium pl-[24rpx] pt-[26rpx] pb-[6rpx] text-lg">热门搜索</view>
 
-            <view class="w-full pl-[24rpx] pr-[8rpx]">
+            <view class="w-full px-[24rpx]">
                 <block v-for="(hotItem, index) in hot_search" :key="index">
-                    <view class="keyword" @click="handleHistoreSearch(hotItem)">{{ hotItem }}</view>
+                    <view class="keyword truncate max-w-full" @click="handleHistoreSearch(hotItem)">{{ hotItem }}</view>
                 </block>
             </view>
         </view>
@@ -18,14 +18,14 @@
 
         <!-- 历史搜索 -->
         <view class="history" v-if="his_search.length">
-            <view class="flex justify-between px-[24rpx] pb-[6rpx]">
+            <view class="flex justify-between px-[24rpx] pb-[6rpx] pt-[26rpx]">
                 <view class="text-lg font-medium">历史搜索</view>
                 <view class="text-xs text-muted" @click="() => emit('clear')">清空</view>
             </view>
 
-            <view class="w-full pl-[24rpx] pr-[8rpx]">
+            <view class="w-full px-[24rpx]">
                 <block v-for="(hisItem, index) in his_search" :key="index">
-                    <view class="keyword" @click="handleHistoreSearch(hisItem)">{{ hisItem }}</view>
+                    <view class="keyword truncate" @click="handleHistoreSearch(hisItem)">{{ hisItem }}</view>
                 </block>
             </view>
         </view>