更新

src/layout/header.vue

@@ -44,9 +44,9 @@
     const inputRef: any = ref(null)
 
     // 输入框下方历史搜索记录
-    const searchHistoryList = computed(() => {
-        return store.searchHistoryList.slice(0, 4)
-    })
+    // const searchHistoryList = computed(() => {
+    //     return store.searchHistoryList.slice(0, 1)
+    // })
 
     // 搜索按钮
     const searchKeywordBtn = () => {
@@ -136,7 +136,11 @@
             <button class="search-btn" @click="searchKeywordBtn">搜索</button>
 
             <div class="ipt-down">
-                <a v-for="item in searchHistoryList" :key="item" @click="handleHistory(item)">
+                <a
+                    v-for="item in store.searchHistoryList.slice(0, 4)"
+                    :key="item"
+                    @click="handleHistory(item)"
+                    class="history-box">
                     {{ item }}
                 </a>
             </div>
@@ -271,15 +275,20 @@
 
             .ipt-down {
                 position: absolute;
-                bottom: 20px;
-                left: 21%;
+                bottom: 15px;
+                left: 22%;
                 overflow: hidden;
 
                 a {
+                    max-width: 140px;
                     padding: 0 10px;
                     color: #727272;
                     font-size: 14px;
                     cursor: pointer;
+                    overflow: hidden;
+                    display: inline-block;
+                    white-space: nowrap;
+                    text-overflow: ellipsis;
                 }
             }
         }

src/views/register.vue

@@ -188,11 +188,15 @@
                             <el-col :span="8">
                                 <div style="width: 100%">
                                     <el-button
-                                        style="width: 100%;"
+                                        style="width: calc(100% - 8px); margin-left: 8px"
                                         type="primary"
                                         @click="getCodeInfo"
                                         :disabled="getCodeBtnDisabled">
-                                        {{ getCodeBtnDisabled ? `${residuSeconds}秒后重新发送` : '获取验证码' }}
+                                        {{
+                                            getCodeBtnDisabled
+                                                ? `${residuSeconds}秒后重新发送`
+                                                : '获取验证码'
+                                        }}
                                     </el-button>
                                 </div>
                             </el-col>
@@ -288,9 +292,9 @@
                         }
                     }
 
-                     .get-code {
-                         width: 100%;
-                     }
+                    .get-code {
+                        width: 100%;
+                    }
                 }
             }
         }